在纵向上打开许多设备上的软键盘将导致视口变得比高度更宽,从而导致浏览器使用横向样式而不是纵向。 句法 该orientation功能被指定为从下面的列表中选择的关键字值。
这些描述符控制视口设置,主要在移动设备上。 @viewport{width:device-width;} 语法 一个缩放因子的1.0或100%不对应任何缩放。较大的值会放大。较小的值会缩小。
@viewport.width widthCSS描述符是用于设定两个最小宽度和视口的最大宽度的简写。通过提供一个视口长度值,该值将确定所提供的值的最小宽度和最大宽度。
@viewport.max-height max-heightCSS描述符指定通过定义的文档的视口的最大高度@viewportat-rule。 考虑到最大高度约束,初始高度将尽可能接近初始视口高度。
@viewport.min-width min-widthCSS描述符指定通过@viewport所定义的文档的视口的最小宽度。
@viewport.height heightCSS描述符是同时设置一个速记描述符min-height和max-height视口。通过提供一个视口长度值将把所提供的值设置为最小高度和最大高度。
但是,以下附加要点适用: 该overflow属性仅适用于建立新视口(见下文),<pattern>元素和<marker>元素的元素。对于所有其他元素,该属性不起作用。
@viewport.max-width max-widthCSS描述符指定通过定义的文档的视口的最大宽度@viewportat-rule。
概述 这些实用程序类使用CSSfloat属性根据当前视口大小将元素浮动到左侧或右侧,或禁用浮动。!important包含在内以避免特殊性问题。这些使用与我们的网格系统相同的视口断点。
CSSDeviceAdaptation CSSDeviceAdaptation是CSS的一个模块,可让您定义视口的大小,缩放因子和方向。
单位 相对长度单位 相对长度(relativelengths)根据其他事物的长度来描述长度,例如当前字体中特定字符的大小,父元素的大小或视口的大小。相对长度单位表示指定值选定哪个其他长度作为参考。
为所有视口选择值(例如,.mr-3formargin-right:1rem),或选择响应变体以针对特定视口(例如,.mr-md-3用于margin-right:1rem从md断点开始)。
mandatory如果当前没有水平滚动,则此滚动容器的可视视口将停留在捕捉点上。这意味着,如果可能的话,当滚动操作完成时,它会捕捉到这一点。

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