PC端想要像移動端那么的較完美的實(shí)現(xiàn)自適應(yīng)還是有難度的，而且不太好弄。

從題主的問題分析，不難發(fā)現(xiàn)問題的核心是 “100%還原設(shè)計(jì)稿的最佳方案選擇?！?br>那么這里問題來了。在題主給的幾個方案里，是否真正還原設(shè)計(jì)稿的方案？設(shè)計(jì)稿還原的是什么？
我們知道設(shè)計(jì)稿的寬，高。都是固定的，如果只是單獨(dú)還原寬或者單獨(dú)還原高，那么會造成拉伸，那么在不同分辨率。我們還原的是他的寬高比例嗎？
很多年前我試過。我發(fā)現(xiàn)還原寬高比例不一定會好看，為什么？
打個比方。你1360的分辨率字是14px, 1920的分辨率是1360的1.5倍。那你的字要設(shè)置成21px么？？答案是否定的。因?yàn)橛么笃恋挠脩羲Ｍ氖强吹礁嗟膬?nèi)容。比如一行原先10個字，他用大屏希望的是看到15個字，而非大一號的10個字，除非你的用戶全是六七十歲的老人。。

所以針對以上結(jié)論，給出答案，還原設(shè)計(jì)稿不是還原設(shè)計(jì)稿的寬高比例，而是還原其視覺感受。。。

那么問題又來了，如何還原其視覺感受。。首先你要根據(jù)設(shè)計(jì)稿來區(qū)分這究竟是什么布局。再根據(jù)布局來區(qū)分。，，比如最簡單的淘寶網(wǎng)站。上兩張圖

可以從圖中看出，大屏和小屏的區(qū)別在于中間的空隙增加了，，
所以還原設(shè)計(jì)稿并非按照比例還原，而是部分固定，部分自適應(yīng)。

所有答案全部手打，如果題主覺得回答是認(rèn)真的，請采納

后臺管理的項(xiàng)目就不需要百分百還原設(shè)計(jì)稿了吧，確定一個原型設(shè)計(jì)、UI規(guī)范或風(fēng)格，選一個響應(yīng)式的UI庫，加班擼就對了，開發(fā)速度才是關(guān)鍵，哈哈哈。

另，假若樓主提到了viewport，可以參考這篇文章，來取代rem；

不是所有的組件都得自己手?jǐn)]的，僅個人看法。

• 如果網(wǎng)站二點(diǎn)業(yè)務(wù)量不復(fù)雜，可以考慮使用 @media
• 復(fù)雜就直接分開成為PC和移動端。
• rem 一般都用于移動端的布局。