我正在开发创建适合移动设备的网站和应用程序。
我正在使用bootstrap和HTML5，所以我可以重新排列布局。
我的问题是，根据观看网站的设备，调整图片大小的最佳方法是什么？
我应该制作多个版本的主要图像，例如网站徽标，即Iphone，Ipad和台式电脑的版本吗？或者有一个高度和宽度变化的图像？
我目前有一个PHP类，通过检查标题来检测用户正在使用的浏览器，例如Ipad safari浏览器在用户代理标题中有“ipad”。
我知道这不是100％可靠而且可以欺骗。我会说95％的时间都是准确的，因为真正对使用你的网站感兴趣的用户不会试图破解lolz。
答案 0 :(得分：0)
我可能只是使用宽度和高度方法。我的大多数移动实现都非常清晰，因此它不是一个问题。如果还没有这样做，您还应该查看视口元标记。
How to set viewport meta for iPhone that handles rotation properly?
答案 1 :(得分：0)
如果您询问如何将不同尺寸的图像发送到不同的设备（基于窗口宽度），adaptive images是一个不错的选择。它将测试访客观点，然后根据您指定的断点发送适当大小的图像。
祝你好运！