通常为响应​​式网站处理多少个屏幕尺寸？

Question

我不熟悉响应式网页设计和CSS3媒体查询。我正在设计一个网站，可以通过浏览器访问所有类型的设备，如手机，标签，桌面。 我正在使用CSS3媒体查询，并在为我的网站创建CSS。我想要字体大小，div的宽度应根据设备的屏幕宽度而变化 如果我希望我的网站在所有类型的设备上都能正常使用，通常应该处理多少个屏幕尺寸。它有标准吗？ 请指教。

Answer 1

当您调整浏览器窗口的大小时，它应该在每个可能的大小上看起来都很好（调整浏览器窗口的大小，并确保为自己拖动所有大小：显示器的最小到最大。）

然后对不同的浏览器进行测试。

Answer 2

您可以在www.quirktools.com/screenfly上找到一个方便的工具。 但请记住它是一种工具。各种尺寸都应该看起来不错。无论你如何拖动它。

Answer 3

嗯，网上有很多免费的响应式模板，但是如果你想从头开始构建自己的设计，你应该从桌面浏览器的完整版本开始，然后添加css最常见设备/尺寸的样式。 请记住，平板电脑或智能手机可能有很多不同的分辨率。 1080p，720p，800x600等等，介于两者之间。 只需快速搜索响应式设计设备分辨率的参考。