2011-05-24 67 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