如何使用 HTML5 技术适配不同分辨率的设备？
2012-01-19 20:33:30   来源：   点击：

6 个答案

• 答案 1：

  css2/css3里面有个@media ,用法如@media all and (device-height:800px){ … } ,应该能解决你的问题吧。

• 答案 2：

  这个问题问的太有水准了，好难回答。。。

• 答案 3：

  简单说，CSS media query。具体实现就比较复杂了，比如media query各浏览器支持程度不一。此外在技术实现之前，首先你在设计层面要有这个意识。有时候，适配不仅仅是分辨率（resolution）问题，还有DPI问题。另外还有操作差异，比如触摸（手持设备）还是鼠标（desktop）还是遥控器（Web TV）。在许多场合下，还是会考虑做独立的版本，而不是在一个版本里进行适配。

• 答案 4：

  自适应不是HTML5的功能，想想在电脑上网页是怎么自适应宽度的，举个例子用width=100%就可以在不同分辨率的显示器上显示同样的效果了，HTML自推出就涵盖了这种功能，不论是显示器还是手机屏幕，其实大同小异了

• 答案 5：

  自适应宽度

• 答案 6：

  搜索responsive web design