移动端根据rem适配时,pc端调试器和手机显示效果不一致问题

遇到问题:
image.png
//移动端禁止用户缩放屏幕大小,移动端开发都必要的设置,不是这篇文章的重点
<meta name="viewport" content="width=device-width,initial-scale=1.0,maixmum-scale=1.0,minimum-scale=1.0,user-scalable=no">

pc端调试只能看到最小12px的字号,但是手机上能看到更小。现在遇到的问题是,我这边根据rem进行适配,html为16px,所以当设置一个低于 0.8rem的字体时(0.8*16=12.8px),pc端的调试器显示就和手机上有很大区别了。
有什么解决方法么,就是能实现pc端调试和手机显示的一致性

原因是什么。就是因为pc端最小只支持12px的字号,下面的解决方案,看了你会笑的~~😂😂

解决方案:
浏览器设置最小显示字号即可

image.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容