2013-03-13 71 views
-1

我一直在努力弄清楚這個網站如何做到這一點。如果您轉到[]並調整瀏覽器屏幕大小,則會發現中間的主要內容容器隨着瀏覽器尺寸變小而變小。它是如何工作的?內容框與瀏覽器大小調整

我正在嘗試做一些類似的事情,我正在建設一個wordpress網站。

謝謝 AJ

+0

它看起來像JavaScript的參與。檢查'#djslider92'元素 – Jace 2013-03-13 02:44:22

回答

2

所有在主列中堆疊的元件具有65%的寬度,這是指它們的父元素的比例。在這種情況下,這是視口的整個寬度。他們將調整到最小寬度,該寬度設置爲700px,最大寬度爲1920px。非常直接的CSS。

熟悉Firebug和/或Chrome和Safari的開發人員工具欄。對於任何使用網站的人來說,它們都是不可或缺的。

1

我相信你指的是它是響應式的。它可能使用CSS @media查詢來根據瀏覽器的分辨率更改網站寬度。

你可以在這裏找到更多的信息:http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

此外,您的網站是不是它的一個很好的例子,看到更好的例子在這裏: http://mediaqueri.es/

+1

該網站沒有響應。它只是流暢的。 – isherwood 2013-03-13 02:44:35

+1

-1,因爲它沒有響應。 +1用於提示和分享有關媒體查詢的信息。 – Jace 2013-03-13 02:46:12