html - 如何统一调整手机浏览器渲染字体大小

Question

我正在使我的网站具有响应性，并首先开始使用移动端进行开发。

浏览器呈现大小的方式非常不同，尤其是移动设备。所以我所有的字体大小都没有设置，浏览器自己设置。它工作得很好，即使是旧黑莓的默认设置。

问题是，无序列表中列表项的内容不会调整大小。？它们在外部 <ul>完美调整的文本旁边保持非常小

我尝试使用 em 作为我的度量单位，但这不仅不起作用，而且还破坏了让我的网站对任何浏览器都动态的意义；我不想为任何东西设置大小，尤其是字体。

那么我该怎么做才能使列表内的字体大小调整？

Answer 1

在移动浏览器中，您最好将 test-size-adjust 设置为 none，

body{-webkit-text-size-adjust:none;}

将 test-size-adjust 重置为 none 后，尝试设置其他 html 标签的字体大小。

Answer 2

<meta name="viewport" content="width=device-width, user-scalable=yes" />

我在另一个问题上遇到了这个标签；它完美地工作。