html怎样兼容pc和手机端？
1、打开一个html文件。
2、在html文件中的head之间，录入代码：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
3、在html文件中引入一个common.css文件。
4、在common.css中分别书写电脑端的css代码和手机端的css代码，电脑端代码在手机端代码的前面。
如何设置html页面兼容谷歌浏览器？
按照W3C标准来布局就可以达到各浏览器的兼容效果，不只是IE了。各浏览器的解析标准不同而导致的，同样的页面展示在不同浏览器里时，展示效果也不同，为达到同样的效果，需要对浏览器的解析进行重置，也就是初始化。
初始化一般是CSS对页面标签的重置设置，通过把一些默认有标签样式重置为一致后，在各浏览器下也就很容易达到相同的展示效果了。理论上来说，我们需要做的是渐性增强处理，而不是降级内核处理。
相对来说，IE9的解析比IE8以下处理的解析增强了不少。
谷歌浏览器兼容模式的设置方法及步骤：
点击浏览器右上角的菜单图标。
2. 点击“工具”。
3. 点击工具栏下的扩展程序一栏，之后会出现一个网页。
4. 在该网页中点击“获取更多扩展程序”，进入“Chrome网上应用店”。
css不能设置的属性？
标准写法，应该设置一个起始值，建议你测试下结果，划线不代表不能运行，只是某些低版本浏览器不能兼容而已，代码如下：
@-webkit-keyframes raceFlag0{ 0%{ -webkit-transform:rotate(-720deg) rotateX(0deg) ; -webkit-transform-origin:100% 0%; } 100%{ -webkit-transform:rotate(0deg) rotateX(-360deg) ; -webkit-transform-origin:100% 0%; } } @-webkit-keyframes raceFlag1{ 0% { -webkit-transform: rotateX(0deg) rotate(-720deg)
; -webkit-transform-origin:100% 0%; } 100% { -webkit-transform: rotateX(-360deg) rotate(0deg)
; -webkit-transform-origin:100% 0%; } }