，设置html，同时还设置body的字体大小，目的是为了兼容。不同浏览器确实支持的不一样。
创新互联坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。十载网站建设经验创新互联是成都老牌网站营销服务商,为您提供成都网站建设、网站制作、网站设计、H5页面制作、网站制作、品牌网站建设、微信小程序服务,给众多知名企业提供过好品质的建站服务。
vw 和 vh（移动端开发个人最喜欢的单位属性，也是这次介绍的重点） 传统的响应式开发中，我们常常用百分比来布局，然而这并不是最好的解决方案。例如，你没有办法以body的高度来设置百分比。
相对于小屏幕，为了适配大屏幕，我们的css代码通常要复杂一些，所以移动端优先的策略有利于精简代码。
如果用了 background-image，后面就只能放图片的url，不能加“no-repeat”；如果要加“no-repeat”，就要用 background，不能用 background-image。
一个是媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。
媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。
一个是媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。
css本身没有区别你写给移动端还是pc端，但如果你要写移动端，就要进行适配，专门写出在手机端显示的 css样式 。
利用 html 和 css 实现不了，这个需要使用 js 来进行判断。
判断是否pc端还是wap，也可以单位写两个js文件放到wap站head里，详细步骤：二者大不相同，所以用加载不同的css等方式不好实现，而我们加用下面的JS代码后，问题就变得很简单。
CSS1：1996年12月，CSS1（CascadingStyleSheet，level1）正式推出。在这个版本中，已经包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box的相关属性等。
首先可以确认一点的是，CSS3和CSS本质上是一样的，都是层叠样式表，但两者又有很大的区别，或者说CSS3是CSS的升级补充版本。
目前流行的css版本为css3对。根据查询相关公开信息显示：CSS3是CSS更高级的版本，用CSS编写的任何代码在CSS3中都是有效的。
图片宽度设成100%，理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图，jpg之类的是没办法满屏的，320的时候满屏了，横过来看480的时候，高度又少了，可视区外还有一截。
两者分辨率不同，手机上你要写针对手机的css。
一个是媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。
下面笔者分别从 DOM 和 Canvas 两方面去着手阐述如何做横屏适配处理。 解决DOM 的横屏适配问题 在移动端，常见的移动端适配方案是 REM 方案，而为了减少 JS 与 CSS 的耦合，笔者团队开发页面时采用的是 VW + REM 方案。
自己仔细研究一下。http：//3g.bjnaotan99com/ 你把这个网站csscss和phonecommon.js用上，自然就会了。原则1：html { font-size： 65%； } 这个必须写 原则2：css底下一长串的自适应判断。只要造抄就行。
