网页超出设计稿高度，该怎么处理？

处理超出设计稿高度的网页

在设计图尺寸为1980*1020 的情况下，还原时网页高度可能超出，原因是浏览器包含标题栏和工具栏。针对这种情况，可以根据需求进行以下处理：

• 非数据大屏页面：

  • 如果不是需要铺满展示的数据大屏，出现高度溢出不必处理。
  • 上下滑动页面的展示类型网站通常没有问题。

• 铺满登录页面：

  • 调整padding 和margin 等属性，但须视乎设计稿具体情况而定。
  • 与 UI 沟通，告知需适配不同显示器分辨率。

• 响应式布局：

  • 采用响应式布局，根据屏幕分辨率显示不同布局，例如：

    • 超宽萤幕： 适配全宽设计稿
    • 标准萤幕： 保留左右边距
    • 狭窄萤幕： 将内容堆叠显示

以上就是网页超出设计稿高度，该怎么处理？的详细内容，更多请关注其它相关文章！