Question

（急）怎么让html5显示在不同的平台上不失真

如问题所述，用HTML5技术编写前台，怎么让页面可以正常的显示在不同平台上。例如PC，不同大小屏幕的手机。有哪些方法可以实现或者加强。（例如CSS和HTML5一些标签）越多越好，越详细越好。谢谢。

Answer 1

你说的是自适应网站，需要涉及到@media媒体查询，你自己搜一下网上很多的。

1. 在网页头部写上代码：

 <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  2. 所有宽度用百分比，例如width：100%;

  3. 根据屏幕大小设置@media媒体查询。

追问

可否给个详细解说的网站，我要写报告

追答

你百度一下“自适应网站”，第一个说的就挺好的。