2017-04-20 22 views
-4

我一直試圖完成this design整天。 我需要屏幕上的所有內容按比例縮小到某個點,我可以通過媒體查詢修復其餘部分。 我可以得到主要的內容框以減小background-size:contains; 但是,無論何時我試圖讓盒子內的內容縮小,它都會縮小很多,變得偏離中心,或者在縮放瀏覽器窗口時突然出現。 我一直在使用谷歌搜索,嘗試各種各樣的東西 - 我只是嘗試flexbox,但它只是結果相同。是否可以讓孩子DIV與父母一起縮放?需要一些認真的建議

不需要我提供我的代碼,因爲我無論在哪一方都是。有什麼辦法可以做到這一點? 在編碼方面,我處於一個非常初級的水平。

在此先感謝!

+1

不過的方式,拿出你的「BEST SHOT」的問題,並告訴我們一個最小的,完整且可驗證的示例,如果可能,附帶小提琴或片段,詳細說明您期望的內容以及獲得的內容。對於您所發佈的設計,處理不同尺寸的方法有很多,很難準確猜出您想要的內容。您必須提供至少兩種尺寸,或者提供非常具體和詳細的​​解釋。 – jcaron

回答

0

很多方法來剝皮這隻貓。例如,當你說刻度時,你指的是響應式設計嗎?如果是這樣,那麼你要麼自己製作,要麼使用流行的,如bootstrapsemantic ui,或者沿着這些線。

如果您只是要求縮小比例,那麼只需使用靈活的CSS測量(例如百分比,em,rem等)即可完成。

特定的代碼示例太多,無法發佈代表性示例。

但總的來說,只要你不設置固定的寬度,那麼他們就應該縮放我提到