在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ pc端如何根據(jù)設(shè)計稿做自適應(yīng)

pc端如何根據(jù)設(shè)計稿做自適應(yīng)

clipboard.png

設(shè)計稿給的是992 難道我設(shè)計時候也寫992嗎
還有做這樣的pc應(yīng)該用什么框架比較好

回答
編輯回答
疚幼
  1. 這個應(yīng)該是UI布局框架的范疇,僅就題目而言,沒必要把前端框架也拉進來討論
  2. 最常見的應(yīng)該就是BootStrap了,剩下的基本都沒它資料多
  3. 如果給的就是這個設(shè)計,你可以嘗試跟設(shè)計溝通下,看看有沒有再繼續(xù)改進的可能;不過我覺得有這些內(nèi)容基本就可以開工了,既然給到的設(shè)計稿是992,那你直接把它作為內(nèi)容容器的寬度就行了,所有內(nèi)容都放在這個容器里,背景什么的該平鋪平鋪~當然最好還是跟設(shè)計打個招呼。
2018年6月7日 09:15
編輯回答
萌二代

可以考慮bootstrap,區(qū)塊的自適應(yīng)用 max-width:992; 小于這個值區(qū)塊就會縮小。

有興趣可以刷一遍我最近寫的css文章,https://www.jmjc.tech/tutoria...

2017年8月10日 02:47
編輯回答
尛曖昧

按照這個寫 ,大圖992px,然后在頁面中居中平鋪即可

2018年5月2日 12:28
編輯回答
冷咖啡

鑒于你發(fā)這類問題,我可以理解為你還是個新司機,回答如下:
(1)設(shè)計師給你992的設(shè)計稿讓你做PC端界面,本身就是有問題的,這992設(shè)計稿用于平板;你可以讓UI重新設(shè)計,如果不能重新設(shè)計,讓他把設(shè)計稿放大到常用的分辨率;
(2)鑒于你目前的技術(shù)程度,還是用Bootstrap,選擇原因如下:

1.Bootstrap 的用法及其簡單( 這也可能就是 Bootstrap 作者閱攻城士無數(shù),了解他們痛的結(jié)果 ),以至于是個小前端都可以快速上手,幾乎沒什么學(xué)習(xí)成本。
2.最新 V4 版也開始支持 FlexBox 布局,這是非常好的升級體驗。

(3)提供一張目前流行框架的對比:

圖片描述

2017年4月17日 22:21