2012-10-21 24 views
5

如何正确缩放Web应用程序以使其跨平台兼容。有了这么多不同的屏幕分辨率的不同手机,我应该瞄准一个好的高度/宽度。什么是最有效的方式来做这个规模?为不同设备缩放Web应用程序的屏幕大小

如果您不明白我的问题:当您在手机上加载网页时,它会自动将其缩放为网页的完整大小,而不是放大,以便您可以正确查看文本。你如何拥有它,所以它会自动放大。

+0

“扩展Web应用程序”术语已用于服务器和应用程序体系结构,因此在此处引入误导。我认为合适的问题标题应该是“缩放不同设备的Web应用程序的屏幕大小”,除非您提出两个不同的问题。你可能会发现一些信息[这里](http://en.wikipedia.org/wiki/Responsive_web_design)对响应式网页设计有用。一些资源[这里](http://stuffandnonsense.co.uk/projects/320andup/)和[这里](http://www.quirksmode.org/mobile/)你可能会觉得有用 – VKen

回答

3

我建议你阅读约Responsive Web Design

Wikipedia引用:“自适应网页设计(通常缩写为RWD)是网页设计,其中的位点是制作以提供最佳的观看体验,便于阅读和导航用最少的调整大小的,平移的方法,以及滚动浏览各种设备(从台式电脑显示器到手机)。“

如果你search for it,有数百篇精彩文章。

这是a beginner's guide。也有关于这个话题的书籍。

相关问题