移动端视口
移动端模拟器
切换平台之后要重新刷新浏览器。
访问网站的pc端和移动端
一般都是分开的俩套代码
列如淘宝
访问淘宝网 --->后端检测当前设备 --->pc端 ---->www.taobao.com
访问淘宝网 --->后端检测当前设备 ---> 移动端重定向到 ---> h5.m.taobao.com
视口:浏览器显示内容的屏幕区域。在viewport中有俩种视口,分别为visual viewport(可视视口)和layout viewport(布局视口)
动态设置font-size:
设置原理:给HTML重新设置一下font-size
注要给body重置font-size:16px;
通过JS
var fontsize = document.documentElement.clientWidth / 3.75;
document.documentElement.style.fontSize = fontsize + 'px';
方法vw
vw/vh:把屏幕分成100份,1vw等于屏幕宽度的1%
html{ font-size:22.666667vw;}