为不同设备缩放 Web 应用程序的屏幕尺寸

Question

为不同设备缩放 Web 应用程序的屏幕尺寸

5

如何正确地扩展一个Web应用程序，使其具有跨平台兼容性。由于不同的手机具有不同的屏幕分辨率，那么我应该瞄准什么样的高度/宽度呢？最有效的缩放方式是什么？

如果您不理解我的问题：当在手机上加载网页时，它会自动缩放为网页的全尺寸，而不是放大以便正常查看文本。怎样才能让它自动放大呢？

- thedullmistro

“Scaling web application”这个术语已经被用于服务器和应用程序架构，因此在这里是具有误导性的。我认为适当的问题标题应该是“为不同设备缩放Web应用程序的屏幕尺寸”，除非您正在提出两个不同的问题。您可能会发现一些关于响应式Web设计的信息在这里有用。您还可以在这里和这里找到一些有用的资源。 - VKen

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jfriend00 · Accepted Answer

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

引用自维基百科："响应式网页设计（常缩写为RWD）是一种网页设计方法，通过该方法，可以让网站在多种设备上提供最佳浏览体验，包括易于阅读和导航、最小化调整大小、平移和滚动等。" 如果您搜索一下,{search for it}会有数百篇优秀的文章。

这里有一个初学者指南，也有相关书籍。