针对不同浏览器和屏幕分辨率的Web表示层

Question

我想我在HTML5和CSS3中有一些最低限度的基础。目前设备种类繁多：传统的计算机网页浏览器，移动浏览器，浏览器平板电脑等，都有一些限制，特别是在屏幕分辨率方面。这使得与表示层相关的网站的开发稍微复杂一些，因为在不同设备上的所有浏览器中难以正确显示网站并且如预期的那样。我知道这种知识主要通过经验获得，但是..是否有任何书籍，网站或资源揭露这些问题以及如何处理这些问题的建议或指导？

非常感谢您提前。 问候！

Answer 1

查阅这些资源：

http://css-tricks.com/6206-resolution-specific-stylesheets/

http://www.html5rocks.com/en/mobile

http://www.abookapart.com/products/responsive-web-design（书）

https://developer.mozilla.org/en/Web_Development/Responsive_Web_design

http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/

http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/