移动端自适应解决方案 h5移动端字体大小怎么随着页面大小变化而变化？

2021-03-12

1194

h5移动端字体大小怎么随着页面大小变化而变化？手机的响应式布局就是获取屏幕大小，在某个区域使用一种CSS，在另一个区域使用另一种CSS。您需要使用@media来编写CSS的多个副本。不能随屏幕改变。那

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%}

set attribute:text size adjust:100%此属性值可用于设置移动设备和移动设备上的水平和垂直屏幕字体更改，但必须设置为100%。不能设置为无，否则WebKit浏览器无法放大文本大小，严重影响可用性。

在需要时设置此属性。如果在全文中需要，请在正文中设置属性值。