菜鸡啄食——CSS
日常学习
菜鸟中的菜菜鸟
复制粘贴自闭的前端秃头少年
展开
-
物理像素、独立像素、viewport、移动端适配问题
1物理像素 是指的手机或电脑显示器的晶体管?大小,如手机分辨率为1080x980,那宽一共有1080个晶体管,即1080个物理像素 2独立像素 设备上逻辑上衡量的长度,一般是设备可视区域的大小。独立像素大小也比较不固定,一般为320像素、375像素等等。 3window.devicePixelRatio dpr=物理像素/独立像素。用以衡量一个独立像素代表了多少个物理像素,来保证字体、或图片的清晰图。 电脑的分辨率为1080*980,但电脑屏幕却比较大,说明电脑上物理像素比较大。 手机的分辨率原创 2020-07-22 15:27:48 · 268 阅读 · 0 评论 -
display:flex用法
flex属性: display:flex flex-direction: row | row-reverse | column | column-reverse; flex-wrap: nowrap | wrap | wrap-reverse; justify-content: flex-start | flex-end | center | space-betw...原创 2019-05-29 16:49:50 · 1194 阅读 · 0 评论