媒体查询的好处

[subornaakter40]

您可以为您的网站在移动设备（或小浏览器窗口）上显示时创建自定义样式，而网页的桌面版本保持不变。这需要媒体查询中的目标样式，这里有一个示例：


避免固定定位
如果标题或侧边栏定位固定，CSS 位置属性设置为固定，我们建议您小心。

在这种情况下，创建标记时，标题的大小将按页面比例增长，也就是说，它甚至可以占据整个屏幕：

使网站适应移动设备_媒体查询

使网站适应移动设备的最简单方 加拿大号码查询 法是在移动设备上显示时放弃固定位置。

举个例子来说明这在实践中是如何运作的：

使用标准字体
自定义字体使网站看起来昂贵且专业。但与此同时，客人必须下载带有字体的文件——此操作是在用户看到网站之前执行的。

通常，此类文件的特点是体积较大，这意味着在移动设备上下载它们需要很长时间。门户访客将看到什么？空白处：

使网站适应移动设备_字体

通过使用 Google Font Loader 使您的网站适应移动设备，在加载自定义版本时，文本将以标准字体显示。然后您再次生成页面，客人看到的就是最初选择的字体。

但是您必须编写两个版本的 CSS 规则：一个用于默认字体，一个用于下载的字体。

相信我，这个解决方案是最佳的：人们将在字体加载时阅读他需要的所有内容，然后有机会看到设计。使用以下代码：


让我们强调一下：类选择器 .wf-opensans-n4-active 由 Font Loader 动态添加到站点代码中，但仅在字体加载时添加。