技术考核
规范文档
Appearance
在不同屏幕分辨率下,能够以最佳的方式进行展示,元素的宽度尺寸以及展示方式可能会改变。通常使用 @media 多媒体查询来实现响应式布局。
页面能够兼容不同分辨率的屏幕。
工作量大,UI 需要设计多个平台的版本。
一套代码兼容 web 端、平板、以及手机端网页
以下简单模拟一个响应式布局,在不同设备/分辨率下实现不同的展示效果。
当分辨率较大时可采用一行多个元素的形式。
当分辨率过小时采用一行一个元素的形式。