规范检测结果四种情况描述及处理方式

1、当检测到当前设计符合响应式设计规范时,页面会显示“控件布局规范检测结果完美通过,请继续保持”的字样

2、若不通过则会有以下四种情况:
2.1 重叠:重叠指的是两个及以上的控件之间的重叠情况。
单击重叠问题后会直接定位到该控件所在位置。可明显查看到按钮控件与文字控件有重叠部分

可通过调整控件大小,或控件内容合二为一等方式使两者不重叠。

 

2.2跨行:单个控件与多个行控件有交集。
单击检测结果后会定位到问题控件,此时需要将多行的控件置于统一容器内。选中多行的控件按住Ctrl+↑即可。

按完Ctrl+↑后,系统会自动在多行的控件下添加容器,使其置于同一容器中。

 

2.3未居中:控件未在父容器内居中(在容器中心±15%的位置算作未居中,超过15%则可能本来就不想居中)

可单击检测结果后的居中使其自动居中

 

2.4溢出:控件位置超出了父容器的宽度。可移动控件位置使其完整融入至父容器

 

浏览量:0
帮助中心    响应式    响应式    规范检测结果四种情况描述及处理方式