如何在移动设备上提供图像服务
如何在移动设备上提供图像服务
提问于 2012-06-13 15:20:29
我正在为移动设备开发一个网页，包括智能手机和平板电脑。
我使用的是jQueryMobile，所以大多数功能在所有设备上都能很好地工作。
我的问题是，我想使用非常高分辨率的图像，以便使用平板电脑获得最好的质量。如果我使用720X1280 -页面在平板电脑上看起来很棒-但在智能手机上-不会发生缩小。
我是否必须使用320x480构建-然后在平板电脑上进行缩放？有什么解决办法或指导方针吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-13 15:28:18
使用响应式图像。因此，图像将根据设备的大小进行缩放。
img {
width: 100%;
max-width: 100%;
}上面的css代码将自动获取父容器的大小。
这里有一些很好的例子&阿提克勒斯。
http://filamentgroup.com/examples/responsive-images/
http://mobile.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/
用于自适应图像的Javascript插件：
http://adaptive-images.com/
灵活图像的很好的教程：
http://www.flexiblewebbook.com/downloads/FlexibleWebDesign_sample_ch9.pdf
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11009982
复制相关文章
相似问题
腾讯云开发者
