他们没有使用iPhone浏览器

Question

我专门设置我的字体如下

* {font-size: 1em;}
html {font-size: 125%;}
body{font-size: 50%;}
p, ul, ol{line-height:1.7em; font-size:1.2em; margin-bottom:0.5em; }

适用于桌面浏览器和iPad(查看相同) - 但是iphone上的字体大小不会变小？

我究竟做错了什么？

Answer 1

您的问题有多种解决方案.应用特定于WebKit的text-size-adjust属性:

html {
  /* Prevent WebKit-based browsers from resizing the text: */
  -webkit-text-size-adjust: none;
}

或者,您可以在HTML中定义视口宽度:

<meta name="viewport" content="width=device-width">

这告诉浏览器它应该使用等于设备物理宽度的视口宽度.在大多数情况下,这也可以防止奇怪的文档内文本缩放不一致.