为什么我的表格模糊?
当我遇到问题时,我正在创建 HTML5 iPhone 应用程序。如下图所示,一切都很模糊。
这是网站的正常页面:
我尝试在我的 css 中使用 -webkit-transform:translateZ(0);
,但这并不会让它看起来像第二个那样清晰锐利图像。
如何使文本(和表格)像第二张图片一样清晰?
I am creating an HTML5 iPhone app when I came across a problem. As you can see in the following picture, everything is blurry.
Here is a normal page of the website:
I have tried using -webkit-transform: translateZ(0);
in my css, but that doesn't make it look sharp and crisp like the second image.
How can I make the text (and table) sharp like the second image?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是一个猜测,但看起来 Mobile Safari 可能会缩放您的表格以适应屏幕。 (如果您可以通过捏合和缩放的方式获得更清晰的文本,那就是一个明确的标志。)尝试使用标签
< /code> 设置缩放因子并查看是否有影响。
This is a guess, but it looks like Mobile Safari may be scaling your table to fit the screen. (If you can pinch-and-zoom your way to sharper and crisper text, that's a definite sign.) Try using the tag
<meta name="viewport" content="initial-scale=1.0">
to set the scaling factor and see if it makes a difference.