HTML页面何适应不同分辨率的显示器可以通过响应式布局自适应网页设计等方法1响应式布局设计响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的。

这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

HTML5技术跨平台，适配多终端传统移动终端上的Native App，开发者的研发工作必须针对不同的操作系统进行，成本相对较高Native App对于用户还存在着管理成本存储成本以及性能消耗成本HTMLJavaScriptCSS语言所开发的应用。

html5的优势目前主要是体现在终端上，跨平台跨分辨率版本控制简单，它包含的很多新特性，都是针对终端设备，为的就是在以后在终端设备上有更好的体验和交互。

网页表现方面，HTML5中的CSS3特效样式Canvaswebgl的介入，不仅加强了网页的视觉效果，甚至能够使用户在网页当中看到三维立体特效对于开发者来说，HTML5技术跨平台，适配多终端传统移动终端上的Native App，开发者的研发。

HTML5自适应网站是现在的主流，也可能是未来N年的主流公司企业HTML5自适应网站模板可以用千博html5如何通过页面长度来设置p长度给长度的时候都按照%的形式~就会实现自适应缩放~根据浏览器的大小打开~我用HTML做了一个。

1跨平台运行 HTML5网站能适应多种屏幕，自动调整布局，解决了传统PC站对手机终端不友好的问题，还能摇身一变成为微站，为企业增加了流量入口2站点有更多的多媒体元素 就像传统幻灯片投影机到PPT普及，与传统网站相比。