企业工程实践第一节课,视口总结
首先你要知道,我们在制作pc端网页时会先把这个页面放到一个虚拟容器中,然后再显示到浏览器上面,而这个虚拟容器的宽度就
是980px这是目前人为规定的,当pc端的页面超过这个虚拟容器的宽度时就会自动生成滚动条,小于或等于这个宽度时则正好可以放的
下去,如果你把pc页面放到手机端,只有当手机端的宽度也是980时才会正常显示,但是手机宽度在出厂时就是被设置好的,例如:
iPhone6的宽度是375px(这里的宽度设备独立像素,并非分辨率),所以你把一个980宽度的虚拟容器放到不足这个宽度的手机端
是页面固然会被压缩的,相应的div也会被压缩。而我们上面所说的这个虚拟容器就叫视口。