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

1. 這個(gè)應(yīng)該是UI布局框架的范疇，僅就題目而言，沒(méi)必要把前端框架也拉進(jìn)來(lái)討論
2. 最常見(jiàn)的應(yīng)該就是BootStrap了，剩下的基本都沒(méi)它資料多
3. 如果給的就是這個(gè)設(shè)計(jì)，你可以嘗試跟設(shè)計(jì)溝通下，看看有沒(méi)有再繼續(xù)改進(jìn)的可能；不過(guò)我覺(jué)得有這些內(nèi)容基本就可以開(kāi)工了，既然給到的設(shè)計(jì)稿是992，那你直接把它作為內(nèi)容容器的寬度就行了，所有內(nèi)容都放在這個(gè)容器里，背景什么的該平鋪平鋪~當(dāng)然最好還是跟設(shè)計(jì)打個(gè)招呼。

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

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

按照這個(gè)寫(xiě) ，大圖992px，然后在頁(yè)面中居中平鋪即可

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

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

（3）提供一張目前流行框架的對(duì)比：