关键字:设备像素
  • html2canvas如何生成一张透明背景色的图片
    最近给后台管理系统的小工具模块新增了一个文字美化功能,就是输入一段文字可以生成一张好看的图片分享出去。通常情况下使用html2canvas就可以实现,但是如果设置了圆角效果的话,生成的图片虽然会显示圆角,但是由于背景色是默认的白色,所 ...
  • 静态资源优化
    图片格式和应用场景 JPEG 格式 JPEG(Joint Photographic Experts Group)是一种针对彩色照片而广泛使用的有损压缩图形格式,属 ...
  • 前端基础:100道CSS面试题总结
    前言 CSS 是层叠样式表(Cascading Style Sheets)的简称。CSS 主要作用是美化网页、布局页面。CSS 规则主要由两 ...
  • 学习WEB前端是应该自学还是参加培训机构?
    先说观点,我强烈建议每个人都要自学,不要参加培训班。我干web前端工程师这个职位已经有6年多的时间,之前在蚂蚁金服做过2年,后来离开是因为加班 ...
  • 小程序开发笔记《七》使用canvas绘制带二维码海报并预览保存到相册
    小程序生成带二维码的海报效果预览: 项目需求: 需要根据用户信息生成用户个人二维码,后台提供海报素材,将用户二维码画在海报上,并可预览海报,长按保存海报,方便用户分享或者发朋友圈。 涉及到的相关API: wx.getImageInfo()- ...
  • px/em/rem的相同与不同点
    1px有多大? 我们先了解几个概念: 关键概念 设备像素:设备屏幕实际拥有的像素点一般来说:宽度方向有1920个像素点,长度方向有1080个像素点。 逻辑像素:CSS 的像素单位(就是我们这次要讨论的css的px),其尺寸大小是相对的,也称 ...
  • web前端入门到实战:CSS浏览器的视图与坐标
    为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 现在各位看官有答案了吗? 因为上一篇中有提到过CSS 逻辑属性的变革,从物理概念跳跃到了逻辑概念,也 ...
  • CSS单位之间的关系
    像素 (px) 是一种绝对单位(absolute units), 因为无论其他相关的设置怎么变化,像素指定的值是不会变化的。其他的绝对单位如下: mm, cm, in: 毫米(Millimeters),厘米(centimeters),英寸( ...
  • React使用scroll-x之后导致表头和表内容对不齐
    问题原因说明(借鉴网友http://1991421.cn/2020/02/05/e968d6d9/) PC端屏幕显示设置缩放比例对页面布局会有影响如果修改为100%,页面重绘,问题消失 在Windows下,Chrome的滚动窗格默认是占据空 ...
  • 浏览器默认样式、1px边框问题、css预编译
    在用脚手架初始化一个项目以后,我们还需要根据我们的项目来进行一些样式相关的处理。 panda-vue-template 手把手搭建vue小商城2.0 1、浏览器默认样式 大家都知道各个浏览器的默认样式都有一定的差异性,而我们需要抹掉这部分 ...

暂无数据