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

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《网页超出设计稿高度，该怎么处理？》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

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

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

• 非数据大屏页面：

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

• 铺满登录页面：

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

• 响应式布局：

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

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

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《网页超出设计稿高度，该怎么处理？》文章吧，也可关注golang学习网公众号了解相关技术文章。