【问题标题】:Scaling screen sizes of web applications for different devices针对不同设备缩放 Web 应用程序的屏幕大小
【发布时间】:2012-10-21 03:57:40
【问题描述】:

如何正确扩展 Web 应用程序以使其与跨平台兼容。有这么多不同的手机具有不同的屏幕分辨率,我应该瞄准一个好的高度/宽度。做这个规模的最有效方法是什么?

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

【问题讨论】:

  • “扩展 Web 应用程序”一词已用于服务器和应用程序体系结构,因此在这里具有误导性。我认为适当的问题标题应该是“为不同设备缩放 Web 应用程序的屏幕尺寸”,除非您要问两个不同的问题。您可能会发现一些对响应式网页设计有用的信息here。一些资源herehere 你可能会觉得有用

标签: html cordova screen resolution


【解决方案1】:

我建议您阅读有关Responsive Web Design 的信息。

引用Wikipedia“响应式网页设计(通常缩写为 RWD)是一种网页设计方法,其中网站旨在提供最佳观看体验 - 易于阅读和导航在各种设备(从台式电脑显示器到手机)上调整大小、平移和滚动的次数最少。”

如果你search for it,这里有数百篇很棒的文章。

这里是a beginner's guide。也有关于该主题的书籍。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-10
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多