h5移动端字体大小怎么随着页面大小变化而变化_CSS学习

资料来源：网络整理时间：2023/3/4 8:15:38 共计：3620 浏览

h5移动端字体大小怎么随着页面大小变化而变化？

手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

那么如何解决横竖屏时页面内容字体大小呢？

这里就要用到 css 的一个属性值了：text-size-adjust : none

body { -webkit-text-size-adjust : 100% ; -moz-text-size-adjust : 100% ; -ms-text-size-adjust : 100% ; text-size-adjust : 100%; }

设置属性：text-size-adjust : 100%; 这个属性值可以设置移动设备上的横竖屏，字体变化的问题，但必须设置100%。不能设置为none，不然，webkit浏览器无法人为放大文字大小，严重影响可用性。

设置这个属性哪里需要的地方就在哪里设置，如果全文都需要，那就在body里面设置属性值。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。