当导航超出设计稿的范围时应该怎么做？

Question

1、设计稿的主体部分是1200，banner拉通，但是导航是按照1920的宽度设计的并且已经排满内容，我的屏幕最大1440，按照设计稿来的尺寸我屏幕显示不完，请问我应该怎么做？

Answer 1

工程师不能总是以实现需求的心态来思考问题，有时候需要考虑需求的合理性，再考虑该实现还是该拒绝。题主说的这个情况，应该是设计师不够专业，只考虑了宽屏显示器，所以这时候应该告诉设计师改设计稿。

Answer 2

核心问题是：你的页面要不要兼容1440的屏幕？
如果要兼容，就让设计师出个1440屏幕时的设计稿。

当然，无论是否需要兼容，楼主都至少要有一个1920的屏幕，老板不会这么抠吧？

Answer 3

1. 去适配不同窗口大小的屏幕，不应该是前端的必要工作么,无论你是等比例缩放，还是更换布局
2. chrome可以调窗口大小啊......你调个1920x1080不久完事了...
3. banner1920 主体margin : 0 auto 是常见布局

Answer 4

正常情况下，web端的页面设计，1920*1080是常见的设计方式，设计稿没问题。前端需要做的就是让布局在所有分辨率下显示一致。
现在主要的问题是你的电脑分辨率显示不到1920，这个时候。。。你要不让老大申请给你换个电脑大屏幕的，要不就自己调分辨率，在自己的电脑上，然后nav部分width：100%，内容区域也最好显示成动态的布局，不要写太死。。。

Answer 5

PC网页设计有个叫内容宽度 的东西，这个东西宽度一般不大，常用的1000或者1200.
设计的时候会水平居中。
如果是大尺寸屏幕（如1920），导航栏是铺满的。内容区域居中，两边留白

上面的框可以理解为导航栏。下面的可以理解为内容宽度，如你所见，内容宽度并不大

Answer 6

建议用媒体查询去做，根据屏幕大小设置宽度，若屏幕为1920，则正常显示，若屏幕为1440，则按百分比缩放，内容设置居中。