0

我开始创建对移动设备友好的网站和应用程序。

我正在使用引导程序和 HTML5,所以我可以重新安排我的布局。

我的问题是,根据查看网站的设备调整图像大小的最佳方法是什么?

我应该制作多个版本的主要图像,例如网站徽标,即适用于 Iphone、Ipad 和台式电脑的版本吗?或者有一张高度和宽度发生变化的图像?

我目前有一个 PHP 类,它通过检查标头来检测用户正在使用的浏览器,例如 Ipad safari 浏览器在用户代理标头中有“ipad”。

我知道这不是 100% 可靠的并且可以被欺骗。我会说 95% 的时间它会是准确的,因为真正有兴趣使用您的网站的用户不会因为 lolz 而试图破坏它。

4

2 回答 2

0

我可能只会使用宽度和高度的方法。我的大多数移动实现都非常关注图形,所以这不是问题。如果您还没有这样做,您还应该查看视口元标记。

如何为 iPhone 设置正确处理旋转的视口元数据?

使用 Viewport 创建适合移动设备的版本

于 2013-04-24T17:50:33.733 回答
0

如果您询问如何将不同尺寸的图像发送到不同的设备(基于窗口宽度)自适应图像是一个不错的选择。它将测试访问者的视点,然后根据您指定的断点发送适当大小的图像。

祝你好运!

于 2013-04-24T20:53:33.460 回答