javascript - 灵活的移动布局

标签 javascript webkit css

通常我需要为不同的平台开发手机网站,比如iphone 3和4、andriod、Blackberry torch等。

我通常根据平台对图像进行切片。我的问题是,我一直需要为不同的设备切片图像以呈现高质量的图像。但我只想使用一组图像,并希望在不影响图像质量的情况下满足所有设备的需求。

如果有人有更好的解决方案,请提出建议。

最佳答案

如果您只想对所有屏幕分辨率使用一组图像,那么我建议您阅读有关响应式网页设计和流畅图像的内容。 有多种方法可以让您的图像随屏幕分辨率拉伸(stretch)(和缩回),这将为任何分辨率提供出色的体验。

Ethan Marcotte 在 responsive web design here 上发表了一篇很棒的文章.

他还专门在fluid images here上写了一篇文章.

关于javascript - 灵活的移动布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4411953/

相关文章:

javascript - Firefox 中 unselectable 和 undraggable 之间的交互

javascript - 无法使用 Cheerio 从 <div> Node 蜘蛛获取信息

javascript - 如何计算无缝动画的精确描边虚线数组值

html - 证明内容 : space-between with equal space between first and last items also

c# - 如何从父页面调用 iframe 中的脚本?

javascript - 意外的标记?

javascript - iOS Safari 上的 webkitAudioContext createMediaElementSource 无法正常工作

c# - 在 C# 和 JavaScript 之间传递元素

css - 具有负 z-index 的绝对定位 HTML5 视频元素会破坏 webkit 浏览器中的背景附件

css - firebug 不显示特定于浏览器的 css 声明。