0

当我在 iPhone 上查看我的页面时，我看到该页面处于缩小模式。这很好，所有尺寸都适合盒子等。

但不是文字。与此缩放视图上的其他大小相比，文本大小更大。

这对于页面上的文本内容是可以的。然后在手机上阅读文字就更容易了，内容文字不是固定的而是浮动的，适合容器。

但是页面主菜单中按钮上的文本也没有按相同的百分比缩小。这里有一个问题 - 主菜单栏突然变宽，因为其他所有内容都缩小了更多。

我的菜单宽度不固定，但适合文本宽度。因此，当文本宽度突然比平时大时，菜单栏也比平时宽。

我无法提供屏幕截图，但我希望这是一个已知问题。作为一个例子，看看这个模拟器（它似乎在 iPhone 上显示问题）： http ://transmog.net/iphone-simulator/mobile-web-browser-emulator.php?u=http://w3schools.com #

并比较正常的网站：http ://w3schools.com/

这个网站也有这个问题，例如页面右侧的菜单。

4

1 回答 1

1

马贝text-size-adjust可以帮助你。

.css {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust:    none;
    -ms-text-size-adjust:     none;
    text-size-adjust:         none;
}

这将允许您的文本小于手机浏览器允许的默认值。

注意：在真机上测试它，因为“在基于 Webkit 的桌面浏览器中存在一个错误。如果 -webkit-text-size-adjust 明确设置为无，基于 Webkit 的桌面浏览器，如 Chrome 或 Safari，而不是忽略属性，将阻止用户放大或缩小网页”

https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust

于 2013-04-09T13:28:32.847 回答