2011-08-24 198 views
0

我很好奇目前有關網站內容寬度的建議。 我目前正在處理一個700px的寬區域,其中包含重要信息,而圍繞此區域的容器是1060像素,它允許背景圖像創建更大的視覺區域。因爲我做了一個網站,移動設備等等。我還知道誰擁有他們使用自己的電腦/筆記本電腦14和15" 顯示器的人。屏幕分辨率

我想象是非常安全的,如果我

事情已經改變,有內容的700像素寬度的區域,我明白縮放功能經常被用來閱讀在小型設備上的數據,我目前不擁有手機互聯網。

感謝

回答

3

看到這篇文章,它的一個最好的事情Iv'e閱讀的主題。

Resolution Independent Mobile UI

Sencha是一個衆所周知的移動網絡框架,這是他們的熱門文章。

+0

感謝給它一個讀 – Renai

0

你應該看看使用任何尺寸的流體佈局。您可能需要爲屏幕設置最大值,例如1260px,移動設備的最小值爲320px。然後使用CSS條件在屏幕和移動樣式表之間進行選擇。

根據您的網站需求定製佈局通常是要走的路,但有許多文章和框架可以幫助您; CSS Grid .netThe Perfect Fluid Layout

+0

的網站是不適合移動使用,但一旦我有一臺電腦的樣式表完整的我可以爲移動設備的樣式表。我只是不斷思考是700px到一個區域。我認爲不是,Facebook這樣的網站包含3列,無論液體佈局如何,肯定需要超過700px的屏幕空間。我寧願讓移動應用上的用戶從垂直向左滾動到右側。打電話給我,但是當測試朋友移動互聯網設備時,我覺得水平滾動更好。 – Renai

+0

有一件事情真的讓我感到困擾,我正在考慮一個佈局/設計,它具有非背景造型的無縫圖像,因爲內容在垂直高度上是可變的,所以我必須限制圖像尺寸和像素的內容,除非我設置圖像在高分辨率替代我認爲。例如,我想要一個擺動的水圖像作爲圍繞div內容的邊框,但水背景的樣式取決於內容的高度。正如你可以告訴我,圍繞可變內容進行設計而不損失圖像質量有點困惑。 – Renai