1

我建立了一个在 Firefox、IE 和 Chrome 上运行良好的网站。客户去参加一个贸易展，并意识到他们的 iPad 上的网站菜单变得疯狂。
破碎的菜单 http://www.glassdoctordenvermetro.com/wp-content/themes/GDDenverTheme/images/photo.JPG

我尝试了一个网站，让您可以通过模拟它来预览您的设计，以防您没有 iPad（像我一样）。但问题是它看起来不错： http: //ipadpreview.com/previewer ?url=http%3A%2F%2Fglassdoctordenvermetro.com%2F

我会怎么做才能解决这个问题？可能是每个浏览器上的字体都不同的问题吗？选项卡的宽度会根据菜单字体和措辞而变化，但在我测试的所有其他浏览器上，它看起来都很好。

谢谢

4

1 回答 1

3

在 iPad 模拟器中打开它会显示字体更宽，并且字母间距也更大。您应该在标签中指定更多选项，font-family以便在 iOS 上使用另一种更简洁的字体。您还可以在 iOS 上降低字体大小。您正在使用的测试站点的一个大问题是它仍在输出 HTML，唯一值得信赖的站点类型必须生成屏幕截图以确保一致性。

这里有一些字体可以提供帮助：http: //iosfonts.com/

并11px适用于现有字体。

或者，删除大写转换使其适合。

于 2012-09-26T22:37:33.003 回答