我应该针对特定浏览器和屏幕分辨率优化CSS吗？

Question

我是世界编码和CSS的新手，想知道我是否应该优化CSS到特定的浏览器。

我还应该关注屏幕分辨率吗？如果是这样的话，我应该针对什么屏幕尺寸，特别是如果我关于最终用户的信息非常少，例如他们是否会使用屏幕分辨率较小的笔记本电脑与台式机相比，他们会使用上网本等吗？

Answer 1

建立您的网站以承担一定的最小尺寸。比方说，800x600或1024x768并使用min-width / min-height指令强制执行。如果您想支持移动浏览器，请使用一个采用更小屏幕的备用布局

但就假设大小而言，如果没有在Javascript中运行嗅探错误而无法报告回您的网站（或使用类似Google Analytics的内容），那么您就无法做到这一点。在你得到一些统计数据之前，选择一个不错的中间点（1680x1050 / 1280x1024应该能够处理大多数桌面用户），然后根据需要进行调整。

Answer 2

在网站上运行Google Analytics。找出您网站的实际用途。也许每个人都有24英寸显示器@ 1920x1080

＃2非常偏斜，因为内部流量（员工）都有1280x1024并且是非常重的站点用户。

Answer 3

我一直在关注320 and up项目。从最佳实践的角度来看，我们可能值得一看： -

  

'320 and Up'阻止移动设备   从下载桌面资产   使用小屏幕的样式表作为   它的出发点。

Answer 4

我通常设计的网站宽度大约为800 - 880像素，宽度不大于此值，Think my site为880像素。