html - 针对不同设备缩放 Web 应用程序的屏幕大小

Question

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

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

Answer 1

我建议您阅读有关响应式网页设计的内容。

引自维基百科：“响应式网页设计（通常缩写为 RWD）是一种网页设计方法，在该方法中，网站经过精心设计，可提供最佳的查看体验——轻松阅读和导航，只需最少的调整大小、平移和滚动即可跨越广泛的设备（从台式电脑显示器到手机）。”

如果你搜索它，有数百篇很棒的文章。

这是初学者指南。也有关于该主题的书籍。