@viewport @viewport在规则中包含一组嵌套描述符,在由花括号限定的CSS块。这些描述符控制视口设置,主要在移动设备上。
@viewport.height heightCSS描述符是同时设置一个速记描述符min-height和max-height视口。通过提供一个视口长度值将把所提供的值设置为最小高度和最大高度。
@viewport.orientation orientationCSS描述符控制由@viewport所定义的文档的方向。
@viewport.width widthCSS描述符是用于设定两个最小宽度和视口的最大宽度的简写。通过提供一个视口长度值,该值将确定所提供的值的最小宽度和最大宽度。
@viewport.zoom zoomCSS的描述符设置由@viewport定义的文档的初始放大倍数。 一个缩放因子的1.0或100%不对应任何缩放。较大的值会放大。较小的值会缩小。
@viewport.max-height max-heightCSS描述符指定通过定义的文档的视口的最大高度@viewportat-rule。 考虑到最大高度约束,初始高度将尽可能接近初始视口高度。
@viewport.max-width max-widthCSS描述符指定通过定义的文档的视口的最大宽度@viewportat-rule。
@viewport.min-height min-heightCSS描述符指定通过@viewport的at-rule定义的一个文件视区的最小高度。
@viewport.min-width min-widthCSS描述符指定通过@viewport所定义的文档的视口的最小宽度。
@viewport.min-zoom min-zoomCSS的描述符设置通过@viewport定义文档的最小缩放系数。无论是自动还是根据用户要求,浏览器都不会缩放得超出此范围。
@viewport.user-zoom user-zoomCSS描述符控制用户是否能够改变由@viewport所定义的文档的缩放因子。
@viewport.max-zoom 在max-zoomCSS的描述符集被定义文档的最大变焦倍数@viewport的规则。无论是自动还是根据用户的要求,浏览器都不会放大。
@media.width 可以使用widthCSS@media媒体特性来应用基于viewport宽度(或页面框,用于分页媒体)的样式。 语法 该width特征被指定为<length>表示视口宽度的值。

扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059
粤公网安备44030502008569号
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号
