css - psd設(shè)計(jì)稿給的是1920寬的,而我的電腦是1600寬的,那我在寫代碼時(shí),是不是每個(gè)寬度都要計(jì)算調(diào)整
問題描述
psd設(shè)計(jì)稿給的是1920寬的,而我的電腦是1600寬的,那我在寫代碼時(shí),是不是每個(gè)寬度都要計(jì)算調(diào)整,是不是需要x/1920*1600?這個(gè)需要嗎?還有高度要做調(diào)整嗎?如果做自適應(yīng),是不是需要把所有的寬度高度都換算為百分比?
問題解答
回答1:按照這個(gè)意思 萬(wàn)一設(shè)計(jì)師給你一套 寬屏19201080 筆記本 1360768 pad iPhone 你是不是要一個(gè)一個(gè)設(shè)備換了。。。。別這樣 控制臺(tái)里有工具
css搞適配很頭疼的 從簡(jiǎn)來說引用bootstrap的柵格布局最快 然后有flex布局 和 自己設(shè)計(jì) @media 對(duì)于元素有rem vh vw等CSS單位
回答2:你問問你們的設(shè)計(jì)師,給的是 2x 的設(shè)計(jì)稿吧(也就是實(shí)際960的寬),你按照原始像素也不現(xiàn)實(shí)啊,
回答3:是的 pc端的 寫頁(yè)面你得考慮各種屏幕適配 具體的 在畫頁(yè)面的過程中 你得考慮適配 在高級(jí)設(shè)置里邊可以調(diào)
高度不需要調(diào)整 設(shè)計(jì)稿多高就多高 不用管這個(gè)必須得做自適應(yīng) 你可以選擇流式布局加media query 媒體查詢 寬度全用100% 自適應(yīng) 然后只設(shè)置高度也可以采取rem方式用js監(jiān)控頁(yè)面變化
