移动端适配
哆啦贝儿
这个作者很懒,什么都没留下…
展开
-
web移动端适配(二)移动端的3种适配方法
rem:css3的一个相对长度单位。相对于html元素的font-size计算值的倍数。即1rem 等于一倍的html元素的font-size值。 一、@media+rem 1. @media 媒体查询, 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 上述代码中,第一个@media screen and (min-width:350px)表示当移动设备的宽度大于350p.原创 2020-06-17 16:34:29 · 828 阅读 · 0 评论 -
web移动端适配(一)基本概念
物理 / 设备像素(physical pixel) 设备像素被称为物理像素,它是显示设备中一个最小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。 可以理解为屏幕上的点,这个是跟硬件有关系,跟Web软件语言没一毛钱关系。 你见过霓虹灯吗?LED灯?对!就是那上面一个个会发光的颗粒。 分辨率(resolution) 这也是一个物理概念,其实就是指一个设备上横竖的点数。 比如:一个LED灯上面,横着放3个灯泡,竖着放4个灯泡,那么这.转载 2020-06-17 15:18:22 · 207 阅读 · 0 评论