2、在html文件中的head之间，录入代码：
CSS的兼容性的问题">
3、在html文件中引入一个common.css文件。
4、在common.css中分别书写电脑端的css代码和手机端的css代码，电脑端代码在手机端代码的前面。
兼容性是指协调性，
1．硬件上就是说你的电脑的各个部件，cpu，显卡等等组装到一起以后的情况，会不会相互有影响，不能很好的运作．
2．软件上就是说你的电脑的软件之间能否很好的运做，会不会有影响啊？还有软件和硬件之间能否发挥很好的效率工作，会不会影响导致系统的崩溃．
市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。
因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。
浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java，、JavaScript、 ActiveX、 plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为Internet Explorer而设计的，JavaScript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。
测试浏览器兼容性的一个方法是创建一个兼容性矩阵。在这个矩阵中，测试不同厂商、不同版本的浏览器对某些构件和设置的适应性。
按照W3C标准来布局就可以达到各浏览器的兼容效果，不只是IE了。各浏览器的解析标准不同而导致的，同样的页面展示在不同浏览器里时，展示效果也不同，为达到同样的效果，需要对浏览器的解析进行重置，也就是初始化。
相对来说，IE9的解析比IE8以下处理的解析增强了不少。
谷歌浏览器兼容模式的设置方法及步骤：
点击浏览器右上角的菜单图标。
3. 点击工具栏下的扩展程序一栏，之后会出现一个网页。
4. 在该网页中点击“获取更多扩展程序”，进入“Chrome网上应用店”。
htm是html的缩写。例如，网页“computer.html”可以缩写为“computer.htm”。这种写法的主要优点是字符数减少了一个。缺点在于，这种写法意义模糊，不容易记忆。htm的出现还有一个原因，在windows95还没有流行以前，一些操作系统（DOS，windows3.1以及3.2）只支持三个字符长短的后缀名。因此如果将网页文件命名为.html为后缀，那么将网页上传到某个只允许三个字符长度的网站服务器上时，服务器将不能识别网页。因此，将html同一缩写为htm。 不过现在大部分操作系统都已经支持长文件名，同样也支持长后缀名，这些系统包括windows95/98/NT/2000/XP/2003系列、Mac OS以及UNIX系列操作系统。因此如果现在创建新网站时，可以将网页后缀定为“.html”来增强文件名的可读性。 不过，如果是在原网站基础上进行更新，就要注意文件名兼容的问题，如果原网络服务器只支持三个字符长的后缀名，就得保留.htm这种形式的后缀。如果要更换网络服务器，而新网络服务器又恰好只支持三个字符长后缀名，那就得耐心的用“查找－替换”功能将所有的html替换为htm了。