像素和完美视口

像素

像素是由一个一个发光的小点构成的

CSS像素就是我们写的width:100px 这些

视口(viewpoint)就是屏幕中用来显示网页的区域

当放大或缩小网页的时候,物理像素不会改变

CSS像素会改变,CSS像素和物理像素的比例会改变

完美视口

(在编写移动端页面的时候,通过改变视口的大小改变CSS像素和物理像素的比值,通过meta标签来设置视口的大小

可以在DEVICE METRICS 里面查看

不同设备的完美视口是不一样的

确保完美视口的代码

用width:100%;是不能解决页面适配的问题的,因为参照物会发生变换

1rem=1 html的字体大小

F12可以查看源码

styles里面可以查看到的是设置好的样式(它不一定会生效)

computed里面可以查看到的是生效的样式

你可能感兴趣的:(html5)