当前位置: 首页 > 网络应用技术

CSS -CSS案例和其他属性补充

时间:2023-03-08 13:27:07 网络应用技术

  定义文本级别或垂直放电的方向以及中文文本的元素元素

  水平-TB文本水平排版,内容是从上到下排列的 - 默认垂直LR文本垂直排列,从左到右垂直排列,垂直排列,由文本排列,从右到左。

  此属性可用于防止单击当前元素上的事件

  自动的默认值,浏览器以确定是否可以单击“无”以禁止事件发送。如果将父元素设置为禁止单击,则将禁止其所有子元素点击

  我们可以在子元素上显示设置以还原点击事件

  当单击子元素时,由于事件发生了起泡,子元素的点击和父元素的点击将按顺序触发

  对象拟合属性指定元素的内容应适应指定容器的高度和宽度

  对于上述功能,该功能类似于

  对象拟合通常用于IMG和视频标签,它们可以直接保留切割,缩放或拉伸的原始比例,等等。

  填充,填充容器,不维护初始比率以维持原始尺寸比率。确保可以将替换内容的内容放入容器中。因此,此参数可能会在容器中留下空白

  封面保持原始尺寸比。替换内容的大小必须大于容器的大小,并且宽度和高度必须至少与容器一致。因此,此参数可以允许替换内容(例如图片)为了保持原始尺寸的比例不超过。在同一时间,保持替换内容的原始大小,比例缩小,似乎不设置或依次包含,最后显示相对较小的尺寸。如果我们需要使用特定值来调整图片在替换元素中的位置。可以使用,用法和功能类似于

  安全区域是指可见的窗口范围,安全区域中的内容不受屏幕,传感器外壳和家庭指示器的约束。

  安全区主要用于iPhone,Android手机不会影响

  默认情况下,该页面将由于屏幕的圆角Qi liu hai和小黑色条而被切割,如下图所示。

  设置安全区域后,该页面将根据Qi Liu Hai,圆角和屏幕底部的小黑色条的大小自动生产一个特殊的视口。

  此视图中布局的内容不会受到Qi liu hai的影响

  可以理解,页面原始视图的原始垂直距离自动添加。

  目前,该页面不会被剪切

  但是实际上,iPhone的“刘海”为相机和其他组件留出了空间,与此同时,底部还有一个可操作的区域

  因此,对于网络的前端,在大多数场景中都无法处理刘海

  因为移动浏览器或客户端的现状栏(微信,QQ等),例如Safari,Chrome和其他移动浏览器(微信,QQ等),使我们成为了顶级刘海

  我们只需要关心底部的可操作区域,因为如果页面底部有按钮,我们将被可操作的区域阻止。

  从地图的角度来看,当垂直屏幕可见区域是拆除底部的小黑条和顶部刘海部分。

  在水平屏幕中,观看区域是卸下左右部分(目的是避免刘海的影响,因为系统不知道刘海将在左侧或右侧,因此右删除右侧,对于页面布局也很方便)和底部的底部小黑色

  安全 - 境内的左左安全区域来自左边界,来自安全区域内免右安全区域的安全区安全区域距离安全区域底部是底部。

  默认情况下,移动浏览器将采取主动行动使手机平滑,但这意味着当屏幕在水平屏幕上时,左右将有一个空白

  要解决空白空间,您可以使用属性

  盖子上包含整个屏幕,其中包含整个安全区域自动的默认值。浏览器是独立决定的。通常,只有Safari浏览器有效的是ContainPort-Fit-fit。

  如果您需要删除白色边缘,建议设置对应于身体的

猜你喜欢