我们如何将相同的图像调整为iphone纵向和横向模式和ipad纵向和横向模式？
我有一个 320px 宽度的网站，标题图像也是 320px，所以当我在横向模式下看到这个网站时，它看起来有点小，在 ipad 中它甚至更小，所以我该如何修复它以获得相同的宽度设备。我已经使用媒体查询来执行此操作并根据设备宽度固定图像宽度，例如：对于 ipad，我已将图像大小写为 780px，对于移动横向 380px .. 这是正确的做法，或者有没有更好的方法?
问问题
10391 次
2 回答
3
您使用的程序不是完美的方法......它正在创建一些垃圾 css 代码。只需在样式表的默认部分中使用以下代码即可。无需将其嵌套在不同大小的媒体查询中。
img { max-width: 100%; height: auto}
你也可以通过这个链接
于 2012-06-18T06:24:07.563 回答
0
使用您的框架或 php（用户代理中的 strstr）检测您的设备，并为您的站点设置和设备特定的样式表。此解决方案适合仅加载使用过的 css 文件。
针对所有解决方案和设备优化您的网站的最佳方式是使用响应式网页设计。这是一种与分辨率相关的布局设计方法。
以下是一些示例的列表：
于 2012-06-18T06:31:35.370 回答