我们如何将相同的图像调整为iphone人像和横向模式以及ipad人像和横向模式？
我有一个宽320像素的网站，标题图片也是320像素，所以当我看到这个网站处于横向模式时，它看起来有点小，而在ipad它甚至更小，所以我怎么能修复它相同设备的宽度。我已经使用媒体查询来执行此操作并根据设备宽度修复图像宽度，例如：对于ipad，我已经将图像大小写为780px，适用于移动版本380px ..我这是正确的方法，还是有更好的方法？
答案 0 :(得分：3)
您正在使用的程序不是完美的方法....它正在创建一些垃圾css代码。只需在样式表的默认部分使用以下代码即可。无需将其嵌套在不同大小的媒体查询中。
img { max-width: 100%; height: auto}
您还可以浏览this link
答案 1 :(得分：0)
使用您的框架或php（用户代理中的strstr）检测您的设备，并为您的站点设置和设备特定的样式表。此解决方案仅适用于加载已使用的css文件。
为所有解决方案和设备优化网站的最佳方法是使用响应式网页设计。这是设计布局的方法，与分辨率有关。
以下列举了一些例子：