媒體查詢將網站變成移動網站

Question

我一直在尋找一些網站，爲了構建我自己的網站，我注意到當你放大一定的比例時，網站模仿移動顯示。沒有水平滾動條出現，並且所有內容都適合頁面，並且只有頁面長度增加。

這裏有幾個例子網站 - https://generalassemb.ly/，http://learnlayout.com/，http://dev.opera.com/

我不知道他們是如何落實，這是他們的設計，並搜索瞭解釋網頁。

如果可能，你可以通過示例CSS來通讀它嗎？

感謝

Answer 1

這有什麼好做的變焦，但與窗口的當前寬度，（至少在你的例子，當你改變你的瀏覽器窗口，以更小的尺寸相同的情況），他們是最有可能使用CSS媒體查詢根據寬度應用條件樣式。

樣品（從第一谷歌結果http://css-tricks.com/css-media-queries/）

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) { 
    body { 
    background: #ccc; 
    } 
}