css – ipad显示我的精灵图像不正确

概述我想知道这是否有点简单,但我只是在iPad上出现问题我的sprited图像.我有一个标签,我用一个精灵来显示一个星形图像(类似于gmail或picasa)来表示一个喜欢的.在计算机上的每个其他浏览器(包括safari)上,一切都很好. 问题出在iPad上,它显示的精灵数量超出预期,看起来很奇怪.更奇怪的是,这个图像重复了几次,似乎并不一致. 这是专门针对iPad的某种缩放问题或视口设置问题吗？它让 我想知道这是否有点简单,但我只是在iPad上出现问题我的sprited图像.我有一个标签,我用一个精灵来显示一个星形图像(类似于gmail或picasa)来表示一个喜欢的.在计算机上的每个其他浏览器(包括safari)上,一切都很好.

问题出在iPad上,它显示的精灵数量超出预期,看起来很奇怪.更奇怪的是,这个图像重复了几次,似乎并不一致.

这是专门针对iPad的某种缩放问题或视口设置问题吗？它让我发疯,而我所做的任何修复工作都会切断部分图像并破坏浏览器的正常外观.

这是我的意思的一个例子,因为我无法提出我目前正在处理的页面.
在我过去曾经做过的网站上,iPad上的观看选项看起来很奇怪：
http://demo.qlikview.com/index.aspx?section=Life
例如,“下载”查看选项在FEMA应用程序上看起来与在Kick It应用程序上看起来不同,因此它甚至看起来不一致.

任何帮助,将不胜感激.
谢谢！

解决方法 这是因为iPad会缩放您的页面.

使用精灵的元素大小是缩放的,精灵图像是.但似乎没有表现得恰到好处.

当你缩小徒步旅行时会发生同样的事情.这是因为图像在浏览器中不是以相同的方式缩放,而是dom元素. dom元素呈现为矢量对象.因此,当您放大或缩小时,线条会保持清晰.使用位图执行相同 *** 作时.它变得模糊,浏览器需要猜测图像看起来更小或更大.

您有两种选择：

>在精灵之间使用更多空间.
>在CSS中使用EM而不是像素

PS：不要在你的CSS中使用！important

总结

以上是内存溢出为你收集整理的css – ipad显示我的精灵图像不正确全部内容，希望文章能够帮你解决css – ipad显示我的精灵图像不正确所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。