我建立了一个在Firefox，IE和Chrome上运行良好的网站。客户参加贸易展，并意识到网站菜单在他们的iPad上疯狂 broken menu http://www.glassdoctordenvermetro.com/wp-content/themes/GDDenverTheme/images/photo.JPG
我尝试过一个网站，让你通过模拟它来预览你的设计，以防你没有iPad（像我一样）。但问题是它看起来很好： http://ipadpreview.com/previewer?url=http%3A%2F%2Fglassdoctordenvermetro.com%2F
我建议怎么做才能弄清楚这一点？是不是每个浏览器上的字体都有问题？选项卡的宽度根据菜单字体和措辞而变化，但同样，它在我测试的所有其他浏览器上看起来都很好。
谢谢
答案 0 :(得分：3)
打开iPad模拟器显示字体是一种更宽的字体，字母间距也更大。您应该在font-family标记中指定更多选项，以便在iOS上提供另一种更精简的字体。你也可以在iOS上降低字体大小。您正在使用的测试网站的一个大问题是它仍在输出HTML，这是唯一值得信赖的类型的网站，因此必须生成屏幕截图以确保一致性。
以下是一些可以提供帮助的字体：http://iosfonts.com/
11px适用于现有字体。
或者，删除大写变换使其适合。
