使用CSS和两个不同的图像实例，我能够实现我想在两个不同的移动设备上看到的结果。对于屏幕宽度为320的设备，我将图像实现为image1.png。对于最新的设备，例如iPhone4（Retina Display），我将图像实现为image1@2x.png。这需要一个normal.css样式表以及一个使用
调用的hirez.css样式表<link href="theme/hirez.css" rel="stylesheet" type="text/css"
media="only screen and (-webkit-min-device-pixel-ratio: 1.5)" />
然而，这些新的Amoled / Super Amoled手机正在渲染这些2x图像非常糟糕;它使所有2x图像看起来像素化。
我想弄清楚我做错了什么...我为每个文件名设置了2组图像，并调用正确的css表...任何帮助将不胜感激。
答案 0 :(得分：0)
你应该只使用高分辨率图像并在页面的50％高度和宽度上显示它。