在开始响应式设计之前你需要知道什么？

[subornaakter40]

响应式设计使用纯 HTML 和 CSS。根据您在 CSS 中设置的规则，样式会根据用户设备的屏幕尺寸而变化。

假设您可以创建一条规则，即如果屏幕尺寸小于 320px，则侧边栏将不会显示。或者，如果屏幕尺寸超过 1920 像素（在宽屏显示器上），则主文本中的字体大小将增加到 15 像素。

是否可以查明某个特定网站是否已采用响应式设计？

是的，这并不难：您需要在任何浏 保加利亚电话号码数据 览器中打开网站并指定不同的尺寸。网页外观的改变将成为使用响应式设计的证据。

如果我切换到响应式设计，我的网站可以在早期版本的浏览器上显示吗？

很有可能，是的。响应式设计使用 CSS3 和 HTML5 媒体查询（为了更好的语义），旧版本的 IE 不支持它们。但是，使用 JavaScript 解决方案可以解决这种情况 - respond.js 和其他现代化工具可以使 CSS3 和 HTML5 适应旧版本，包括 IE6。

响应式设计会干扰广告单元的显示吗（例如在 Google AdSense 中）？

如果您的网站包含广告内容，您应该特别注意其材料格式的选择，因为宽块（例如，728×60像素的横幅）可能不适合 320 像素的手机屏幕。

最好使用标准矩形块（例如 300 x 250）：它们可以调整到手机屏幕和 PC 显示器。

有成千上万种不同的移动设备。响应式网站应支持哪些屏幕分辨率？

如果至少为 CSS3 中的媒体查询设置以下权限参数，那就好了：

320 像素（iPhone，横向模式）；

480 像素（iPhone，肖像模式）；

600 像素（Android 平板电脑）；

768 像素（iPad 和 Galaxy Tab 平板电脑）；

1024 像素（iPad 横向模式和 PC 桌面）。