关于移动端页面在手机调整字体大小后内容适配的问题,作为新手我也刚好是第一次遇到,
已经完成的移动端页面,正常情况下在手机上的浏览器端和App端都可以正常显示,可当测
试把手机字体调大后,布局就忽然变乱了....盒子里面的内容向内挤了。说实话,刚开始感觉
这种问题应该可以忽略,毕竟字体调大后,又可以调回原来的啊,而且大部分手机都是默认
显示标准字体吧。而且我在移动端的meta标签里已经给viewport容器添加了相应属性值,
也是用rem布局的,还会出现这种错乱的情况,我能怎么办....不过后来想了想,既然你是前
端工程师,搞技术的,就应该要学会解决技术问题啊,所以我还是打开了浏览器,开始动手
我最熟悉的骚操作Ctrl+C、Ctrl+V...
刚开始我在找是不是viewport容器里还有些属性值少添加了。
我自己原来的值是这样的:<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
感觉是正常的,因为已经调整好了设备宽度、默认缩放比、还有禁止用户手动缩放,所以应该没问题,不过我之后
还是多添加了两个属性值:
<meta name="viewport" content="width=device-width,initial-sca