2011-05-24 68 views
1

我是新來的世界編碼以及CSS,並想知道我是否應該優化CSS到特定的瀏覽器。我應該爲特定的瀏覽器和屏幕分辨率優化CSS嗎?

我也應該關心屏幕分辨率?如果是這樣,我應該瞄準什麼樣的屏幕尺寸,特別是如果我對最終用戶的信息很少,例如他們會使用與臺式機相比較小屏幕分辨率的筆記本電腦,他們會使用上網本等嗎?

回答

2

建立您的網站以承擔一定的最小尺寸。比如800x600或1024x768,並用min-width/min-height指令強制執行。如果你想支持移動瀏覽器,可以使用另一種佈局,假設屏幕尺寸要小得多

但是,就假設尺寸而言,如果不在Javascript中運行嗅探錯誤並返回到您的網站(或使用Google Analytics等)。直到你有一些統計數據,選擇一個體面的中間地帶(這些天應該處理大多數桌面用戶的1680x1050/1280x1024),然後根據需要進行調整。

+0

@Marc B - 謝謝。我會使用%或像素來設置最小寬度嗎?爲什麼選擇一個在另一個之上?我會設置最小寬度的整個身體還是隻是容器? – PeanutsMonkey 2011-05-24 19:53:24

+0

@MarcB - 我不同意。你仍然應該考慮@ 1024x768任何使用智能設備/上網本/視線不好的人都會喜歡它。 – 2011-05-24 19:53:35

+0

我剛剛檢查了我的網站,1024x768是31%的訪問者中最大的百分比 – 2011-05-24 19:55:27

1

在網站上運行谷歌分析。找出您的網站的真實用途。也許每個人都有24" 顯示器@ 1920x1080的

enter image description here

#2是非常扭曲,因爲內部通信(員工)都具有1280×1024,是非常沉重的網站的用戶。
+0

假設我正在設計的網頁沒有網絡存在或者從來沒有打擾過使用分析來衡量流量等,我將如何處理佈局設計? – PeanutsMonkey 2011-05-24 19:56:06

+0

@PananutsMonkey - 我附加了我的網站,流量報告。我們的網站完全沒有人口統計特徵,因爲任何擁有財產的人都可以使用它。您可以使用此圖表作爲起點。但是你是正確的,你需要一個網站來運行分析。 – 2011-05-24 19:58:59

+0

@@ Doug Chamberlain - 謝謝。 – PeanutsMonkey 2011-05-24 20:22:07

0

我一直在關注的320 and up項目。從最好的做法點視圖的-,也許我們值得看的: -

「320及以上」防止移動設備 使用小屏幕的樣式表作爲通過 下載桌面資產10它的起點。

+0

謝謝。我會看看它,但由於缺乏知識,我不確定如何使用它。 – PeanutsMonkey 2011-05-24 20:14:16

0

我只是通常設計的網站寬度大約800 - 880px,沒有更廣泛的,Think my site是880px。

+0

有什麼理由爲什麼你堅持800 - 800px? – PeanutsMonkey 2011-05-24 20:21:28

+0

您的佈局是否設計成液態? – PeanutsMonkey 2011-05-24 20:21:51