3.04.15简谈一下

3.04.15简谈一下web布局的设计思想

1.简谈一下web布局的设计思想

• 布局
  • 根据UI效果图划分页面的区块
  • 实际上，是处理元素的尺寸、位置。
• PC端：通栏 版心
• 移动端:
  • 注意设备屏幕的宽度
  • 移动端的页面内容相对PC要简约一点。
  • 要处理自适应的问题
  • 切记不要产生横向滚动条（X）
  • 移动端布局也视为百分比布局（流式布局）
  • 不同移动端设备屏幕下都显示同一个版本效果
  • 移动端的开发一般的长度单位使用px与百分比的结合去开发，一般使用rem单位和百分比结合
  • 移动端编码要添加viewport视口，主要是为了让移动端的字体和pc端的字体形成比例。
• 响应式布局
  • 是指不同设备屏幕下，页面有不同的版本效果。
  • 不要产生横向滚动条
  • 以媒体查询为基石去设计响应式
  • 响应式布局工作量相对较多