这是一个奇怪的。我在这里开发一个响应式网站:
http://74.209.178.54:3000/index.html
到目前为止,已构建了三个页面:主页,“为什么”页面和“定价”页面。我的iPhone 4上的“主页”和“为什么”页面都很好。“定价”页面确实很模糊。我不仅仅是说图像模糊-绝对所有的东西都是模糊的:文本,边框,背景...
有没有人见过这个?你知道发生了什么吗?
最佳答案
CSS中的这段代码导致了问题:-
#logos, #seen {
border: 1px solid #bbbbbb;
(根据注释,在909或751行附近。)
如您所见,定价页面上使用的是#logos,并且其边框都在所有面上-页面宽度增加了2px。然后,iPhone在打开时会放大整个页面,并且页面内容模糊。
我很确定你知道该怎么做,但是:-
#logos, #seen {
border-top: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
我实际上尚未在视网膜显示屏iPhone上对此进行测试,但它应该可以工作。