除了上述命名的属性和参数之外，还可以为元标记设置其他属性和参数。
当提到自适应网站设计时，开发中的主要作用是什么？ CSS3 媒体查询。它们包含媒体类型（打印机、智能手机、平板电脑、电视、投影仪等）和可以评估为真或假的条件。不同CSS样式的使用取决于这样的指标：媒体类型是否正确以及满足什么条件。如果条件为真，则应用给定媒体查询中指定的样式；如果为假，则应用通常的 CSS 样式。
这些查询有助于为智能手机、平板电 香港电话数据 脑和台式机屏幕创建不同的网站显示。所有现代浏览器都支持它们。
其内容如下：
@media 屏幕和（最大宽度：1000 像素）{
。班级 {
属性：值；
}
}
@media – 媒体查询；
screen – 媒体类型（也称为媒体类型）；
max-width: 1000 px – 必须满足的条件（在此示例中，当窗口宽度小于 1000 px 时将应用样式）；
.class – 相应的选择器（类、id）已注册，其中属性获取新值。
设计响应式设计
资料来源：shutterstock.com
在开发自适应设计时，他们通常会采用以下媒体功能：
max-width: width — 表示如果浏览器窗口宽度与指定的宽度相比缩小，则满足条件并应用相应的样式（例如，max-width: 768 px 应理解为：如果浏览器窗口宽度小于 768 像素，则需要诉诸媒体查询中指定的样式）。
min-width: width — 表示如果浏览器窗口宽度大于指定的宽度，则满足条件并应用请求中指定的样式（例如：min-width: 480 px）。
此外，还可以使用其他功能：颜色、设备宽度、网格、高度、方向：横向、方向：纵向、分辨率等。
媒体函数中使用的值有另一个名字——断点。网站设计就是在这些方面发生变化的：
320 像素- 移动版；
480 像素- 移动版；
768 px — 平板电脑；
1024 像素- 平板电脑和上网本；
1280像素及以上 - 个人电脑。
断点不必严格地与特定的显示分辨率绑定，因为它们可以通过其他参数的值来创建，在这些参数中，布局在视觉上会中断、显示有错误或其正确显示完全停止。