3.21知识点

最新推荐文章于 2025-02-23 20:31:33 发布

人间丶

最新推荐文章于 2025-02-23 20:31:33 发布

阅读量237

点赞数

文章标签： css3

本文链接：https://blog.youkuaiyun.com/qq_53579100/article/details/123646863

版权

本文详细介绍了CSS的columns属性、meta元数据标签在响应式设计中的应用，以及媒体查询的使用方法，包括如何针对不同屏幕尺寸设置样式。同时，探讨了px、em和rem等长度单位在网页布局中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.columns

缩写：columns : column-width column-count ;

效果图：

二.meta元数据标签

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

详解：

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-
width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）；
height：和 width 相对应，指定高度；
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例；
maximum-scale：允许用户缩放到的最大比例；
minimum-scale：允许用户缩放到的最小比例；
user-scalable：用户是否可以手动缩放，值为"yes"或"no"。