1、当检测到当前设计符合响应式设计规范时,页面会显示“控件布局规范检测结果完美通过,请继续保持”的字样
2、若不通过则会有以下四种情况:
2.1 重叠:重叠指的是两个及以上的控件之间的重叠情况。
单击重叠问题后会直接定位到该控件所在位置。可明显查看到按钮控件与文字控件有重叠部分
可通过调整控件大小,或控件内容合二为一等方式使两者不重叠。
2.2跨行:单个控件与多个行控件有交集。
单击检测结果后会定位到问题控件,此时需要将多行的控件置于统一容器内。选中多行的控件按住Ctrl+↑即可。
按完Ctrl+↑后,系统会自动在多行的控件下添加容器,使其置于同一容器中。
2.3未居中:控件未在父容器内居中(在容器中心±15%的位置算作未居中,超过15%则可能本来就不想居中)
可单击检测结果后的居中使其自动居中
2.4溢出:控件位置超出了父容器的宽度。可移动控件位置使其完整融入至父容器