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

Question

如何正确缩放web应用程序，使其跨平台兼容。有这么多不同的手机，有不同的屏幕分辨率，什么是好的高/宽，我应该瞄准。实现这种规模最有效的方法是什么？

如果你不明白我的问题:当你在手机上加载网页时，它会自动将其缩放到网页的完整尺寸，而不是将其放大以使你能够正确地看到文本。你是如何让它自动放大的？

Answer 1

我建议你读一读关于Responsive Web Design的文章。

引用自Wikipedia：：“响应式网页设计(通常缩写为RWD)是一种网页设计方法，在这种方法中，网站可以在各种设备(从台式电脑显示器到移动电话)上提供最佳的查看体验--易于阅读和导航，最大限度地减少调整大小、平移和滚动的操作。”

如果你使用search for it，上面有成百上千篇很棒的文章。

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