鍍金池/ 問(wèn)答/HTML/ 當(dāng)導(dǎo)航超出設(shè)計(jì)稿的范圍時(shí)應(yīng)該怎么做？

當(dāng)導(dǎo)航超出設(shè)計(jì)稿的范圍時(shí)應(yīng)該怎么做？

1、設(shè)計(jì)稿的主體部分是1200，banner拉通，但是導(dǎo)航是按照1920的寬度設(shè)計(jì)的并且已經(jīng)排滿內(nèi)容，我的屏幕最大1440，按照設(shè)計(jì)稿來(lái)的尺寸我屏幕顯示不完，請(qǐng)問(wèn)我應(yīng)該怎么做？

回答
編輯回答
冷咖啡
  1. 去適配不同窗口大小的屏幕，不應(yīng)該是前端的必要工作么,無(wú)論你是等比例縮放，還是更換布局
  2. chrome可以調(diào)窗口大小啊......你調(diào)個(gè)1920x1080不久完事了...
  3. banner1920 主體margin : 0 auto 是常見(jiàn)布局
2018年9月13日 06:58
編輯回答
敢試

PC網(wǎng)頁(yè)設(shè)計(jì)有個(gè)叫內(nèi)容寬度 的東西，這個(gè)東西寬度一般不大，常用的1000或者1200.
設(shè)計(jì)的時(shí)候會(huì)水平居中。
如果是大尺寸屏幕（如1920），導(dǎo)航欄是鋪滿的。內(nèi)容區(qū)域居中，兩邊留白

clipboard.png

上面的框可以理解為導(dǎo)航欄。下面的可以理解為內(nèi)容寬度，如你所見(jiàn)，內(nèi)容寬度并不大

2017年12月17日 06:45
編輯回答
蝶戀花

工程師不能總是以實(shí)現(xiàn)需求的心態(tài)來(lái)思考問(wèn)題，有時(shí)候需要考慮需求的合理性，再考慮該實(shí)現(xiàn)還是該拒絕。題主說(shuō)的這個(gè)情況，應(yīng)該是設(shè)計(jì)師不夠?qū)I(yè)，只考慮了寬屏顯示器，所以這時(shí)候應(yīng)該告訴設(shè)計(jì)師改設(shè)計(jì)稿。

2018年3月10日 03:03
編輯回答
敢試

建議用媒體查詢?nèi)プ?，根?jù)屏幕大小設(shè)置寬度，若屏幕為1920，則正常顯示，若屏幕為1440，則按百分比縮放，內(nèi)容設(shè)置居中。

2017年10月26日 19:25
編輯回答
護(hù)她命

核心問(wèn)題是：你的頁(yè)面要不要兼容1440的屏幕？
如果要兼容，就讓設(shè)計(jì)師出個(gè)1440屏幕時(shí)的設(shè)計(jì)稿。

當(dāng)然，無(wú)論是否需要兼容，樓主都至少要有一個(gè)1920的屏幕，老板不會(huì)這么摳吧？

2017年3月12日 08:37
編輯回答
兮顏

正常情況下，web端的頁(yè)面設(shè)計(jì)，1920*1080是常見(jiàn)的設(shè)計(jì)方式，設(shè)計(jì)稿沒(méi)問(wèn)題。前端需要做的就是讓布局在所有分辨率下顯示一致。
現(xiàn)在主要的問(wèn)題是你的電腦分辨率顯示不到1920，這個(gè)時(shí)候。。。你要不讓老大申請(qǐng)給你換個(gè)電腦大屏幕的，要不就自己調(diào)分辨率，在自己的電腦上，然后nav部分width：100%，內(nèi)容區(qū)域也最好顯示成動(dòng)態(tài)的布局，不要寫太死。。。

2017年12月30日 17:35