关于移动端页面在手机调整字体大小后无法正常显示(已解决)

关于移动端页面在手机调整字体大小后内容适配的问题,作为新手我也刚好是第一次遇到,

已经完成的移动端页面,正常情况下在手机上的浏览器端和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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值