移动网络应用程序:在多分辨率设备中使用同一组图像
Mobile web app : Using same set of images in multiple resolution devices
我想知道,我是否可以为我的移动web应用程序维护一个CSS文件。该网络应用程序针对不同分辨率的安卓设备。所以我想知道,我可以使用相同的图像集,并使用任何CSS样式缩小它,而不是为每个分辨率保留多个图像吗?该Web应用程序是使用html5、css3和javascript构建的。
我知道我们可以使用css媒体查询,但通过它,我需要根据设备宽度加载不同的图像。我正在尝试对所有分辨率的设备使用相同的图像。如果我在代码中保留高分辨率的图像。
这可能吗?请告诉我。
提前谢谢。感谢您的帮助。
您可以这样做:
@media screen and (max-width: 480px){
.element { background-image: url(../images/bg1.img); }
}
@media screen and (min-width: 800px){
.element { background-image: url(../images/bg2.img); }
}
但您也可以将其设置为100%(如果它适合任何大小的屏幕)
相关文章:
- fluxxor向一个flux实例添加一组以上的操作
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 无限循环一组图像
- 学习JavaScript:有没有办法在不使用个人ID的情况下更改一组图像的图像文件
- 在我的网页中显示一组图像
- 使用 jQuery 将文本定位在一组图像上
- CSS:当 image1 动画不合适时,一组图像会移动,而它们应该保留在原处
- 在一组图像中只用 javascript 更改 src
- 有没有一种方法可以在没有PHP的情况下简化100多个图像数组
- 使用$(this)添加不同<p>'s在一组图像的顶部
- 每次重新加载我的网站时,从阵列中随机选择一组6个不同的图像
- 检索数组和输出结果以生成一组html图像
- 迭代地显示一组图像,每次只显示一个
- 使用D3js循环遍历一组图像
- 如何在JavaScript中保存一组特定的类图像
- 淡入淡出循环jquery中的一组图像
- 仅当选择了一组特定单选按钮中的至少一个时才显示图像
- 在javascript的提示框中插入一组图像
- 如何根据一组控件和目标坐标将图像转换为不同的大小
- 三个Js如何在一组立方体的立方体的所有侧面映射不同的随机图像