iPhone 有一种有趣的方式,当您以相当“缩小”的方式查看网站时,会放大文本大小。 这可能很棒,因为它可以帮助文本在看到更多网站内容的同时保持可读性。 它也可能出乎意料、不希望发生,并破坏其他完美布局。
为了防止在您的网站上发生这种情况,您可以使用以下内容
-webkit-text-size-adjust: none;
选择性地应用它,或直接应用于主体以防止在所有地方调整大小。
感谢 Ed Brandt 提供了这个技巧。 它修复了 Ed 的网站 上一些文本在不应该的情况下在页脚换行的问题。
哇,非常酷的小补充,谢谢 chris :)
不错,这很酷:D
现在制作一个你设计模板然后编码的视频。
有一些叫做无障碍功能的东西,iPhone 正在努力实现它。 让它完成它的工作。
有时无障碍功能不是最好的答案 - 尽管它应该尽可能成为优先事项。
在本文图片中的示例中,我认为文本放大很好,并且看起来也不错。 但也许您在页面上有一些并排排列的按钮,iPhone 正在放大它们并强制进行奇怪的换行,您可能希望针对它们并告诉它不要放大该文本。
我想不出任何例子,你能帮我一下吗?
可以,我的网站的登录页面:http://stevelosh.com/
我使用大文本为此页面,所以阅读它不是问题,但如果文本大小在一列中更改而另一列不更改,它会打乱所有东西。
还有其他方法可以解决这个问题。 我想到的是 iPhone CSS 样式表,无论如何,iPhone 的好之处在于不需要改变太多原始 CSS。 此外,通过使用 Apple 的 Web 应用程序设计指南,您可以在 iPhone 上获得外观良好的网站,并按照您想要的方式运行!
非常感谢这个小提示,文本放大已经困扰我一段时间了!
如何像滑动后跳转到另一个页面一样链接
提前感谢 Chris Coyier
此致
Maganth Seetharaman