在纵向上打开许多设备上的软键盘将导致视口变得比高度更宽,从而导致浏览器使用横向样式而不是纵向。 句法 该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。
504网关超时 HTTP504GatewayTimeout服务器错误响应代码指示服务器充当网关或代理时无法及时得到响应。
概述 这些实用程序类使用CSSfloat属性根据当前视口大小将元素浮动到左侧或右侧,或禁用浮动。!important包含在内以避免特殊性问题。这些使用与我们的网格系统相同的视口断点。
CSSDeviceAdaptation CSSDeviceAdaptation是CSS的一个模块,可让您定义视口的大小,缩放因子和方向。

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