【发布时间】：2025-11-23 01:55:02
【问题描述】：
我是响应式网页设计和 CSS3 媒体查询的新手。我正在设计一个可以通过各种设备（如手机、标签、桌面）上的浏览器访问的网站。 我正在使用 CSS3 媒体查询并正在为我的网站创建 CSS。我想要字体大小，div的宽度应该根据设备的屏幕宽度而变化 如果我希望我的网站在所有类型的设备上看起来都很好，通常应该处理多少屏幕尺寸。有标准吗？ 请指教。
【问题讨论】：
标签： css jquery-mobile media-queries
【发布时间】：2025-11-23 01:55:02
【问题描述】：
当您调整浏览器窗口的大小时，它应该在所有可能的大小上看起来都不错（调整浏览器窗口的大小并确保您自己将其拖过所有大小：对于您的显示器来说从最小到最大。）
然后针对不同的浏览器进行测试。
【讨论】：
您可以在 www.quirktools.com/screenfly 上找到一个方便的工具。 但请记住，它是一种工具。它应该在所有尺寸上看起来都不错。不管怎么拖。
【讨论】：
嗯，网络上有很多免费的响应式模板已经这样做了，但是如果你想从头开始构建自己的设计，你应该从桌面浏览器的完整版网站开始，然后添加 css大多数常见设备/尺寸的样式。 请记住，平板电脑或智能手机可能具有许多不同的分辨率。 1080p、720p、800x600 等，还有很多介于两者之间。 只需快速搜索响应式设计设备分辨率的参考即可。
【讨论】：