iPad和iphone5c的横向模式：文本看起来比平常大，换行错误

看

这：

小屏幕的换行符正确。它还为iphone 5c和ipad在横向模式下换行（添加换行符）。这是错误的。这句话可以用一行结束

字体看起来也更大

在横向模式下，我的HTC One上不会出现换行/换行

有没有工具可以帮我找出这些不规则的地方

你知道这个问题是怎么回事吗

注意：这将用于：

编辑我在网站上应用了一个补丁，所以现在我听说它看起来不错。给出的答案解决了这个问题（当应用

100%

而不是

none

时）

苹果设备（我可能认为Android设备上的Chrome也能做到这一点）有一种非常有趣的方式在页面上呈现文本，字体会自动增大以保持相同的“流”在纵向和横向两种情况下，因为它可以帮助用户不丢失当前正在读取的行的轨迹

完全禁用调整大小的方法是使用以下CSS规则：

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

但是，这种行为仅适用于移动页面，移动页面使用meta标记

user scalable=no

固定缩放，并且在桌面缩放时会破坏某些桌面浏览器

您可能希望在每次缩放时保持字体大小不变。如果你在CSS上添加了以下内容，那么你就会得到你想要的

html {
    -webkit-text-size-adjust: 100%;
}

---

要构建响应迅速的跨设备网站，您可以使用在线工具，如

然而，在文本格式和布局中，需要一个真正的仿真器。 X代码可以启动IOS sumulator，并为您提供在任何苹果设备（智能手机和平板电脑）上调试本地/远程网站的方法。 通过使用此软件，您将能够理解/调试并更正您的网站

目前，所有浏览器都或多或少地以不同的方式管理旋转动作（lanscapeportrait）和字体。所以，我看起来并不完全一样，但是你的网站在所有浏览器中都非常相似

在您的情况下，首先需要停止所有浏览器，以便在旋转时调整文本大小。 只需添加以下CSS代码

CSS

html, p, a {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

顺便说一下，我查过你的断线问题。iPhone4/5在Ios 6X和Ios 7X上运行时，一切都正常。 但无论如何，你将来需要在IOS上查看你的网站

以下是safari Iphone 5的屏幕截图：

‑webkit‑text‑size‑adjust: 100%

是做这件事的方法，而不是

‑webkit‑text‑size‑adjust: none

使用none将中断用户在各种浏览器中的缩放

---

关于这个话题，这里有一篇很好的文章：

所有憎恨下层选民的人，请随意添加评论。你可以在这篇文章中找到答案：@fernandopasik，这并没有解决问题，但无论如何还是要感谢你。现在我得到了很多答案，事实上，麦克首先用webkit文本给出了提示。。。。我只是想指出

none

不起作用，但

100%

起作用模拟器在横向显示中错误显示iphone 5设备。它真的是这样显示的吗？i、 e.没有在横向填充显示？顺便说一句，IOS模拟器只在mac上运行，我理解正确吗？我正在运行咳嗽窗口咳嗽没有一个不工作，但100%工作。这取决于您的视口、设备和使用的浏览器。那么，您在哪个设备上测试您的网站？顺便说一句，IOS sun只在mac上运行，但是有一些在线平台可以模拟设备（不是免费的）ipad和iphone 5c。显然是狩猎。据我所知，这种文本缩放行为只是苹果设备的一个问题。我没有从其他供应商的类似设备上听说过类似问题。如果您将

none

更改为

100%

，我将接受您的回答。你是在真正的iPad上测试还是在模拟器上测试@麦克的答案对我来说一直都很有效，有时模拟器并不完全准确……我的一个朋友在ipad和iPhone5C上对它进行了测试。你们用的是什么版本的ipad？我没有使用仿真器，因为他是第一个回答并引导我进入正确方向的人，所以我仍然会奖励这个家伙。对不起，我通常使用

none

，这总是让我完成工作，因为我总是倾向于禁用

user scalable=no

页面上的用户缩放。我最诚挚的道歉，我将编辑答案，使其更完整。