如何统一调整移动浏览器的字体大小

时间:2013-08-08 20:09:10

标签: html css mobile

我正在使我的网站做出响应,并且首先开始使用移动设备进行开发。

浏览器渲染大小的方式有所不同,特别是移动大小。所以我的所有字体大小都没有设置,浏览器自己设置它。它工作得很好,甚至是旧黑莓的默认设置。

问题是,无序列表中列表项的内容不会调整大小。它们在完美调整的文本 <ul>

旁边保持非常小

我已经尝试过使用em作为我的测量单位,这不仅不起作用,而且还使我的网站在任何浏览器中都变得动态;我不想在任何东西上设置大小,尤其是字体。

那么我该怎样做才能在列表中调整字体大小?

2 个答案:

答案 0 :(得分:2)

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

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

重置test-size-adjust为none后,尝试设置其他html标签的font-size。

答案 1 :(得分:0)

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

我在另一个问题上看到了这个标签;它完美地运作。