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网上应用店”。
360兼容模式浏览器是什么意思？
360兼容模式浏览器是指采用了与微软IE浏览器相似的HTML呈现引擎，使得网页可以在360浏览器中以类似IE浏览器的方式呈现。这种模式主要是为了解决一些网页在非IE浏览器中呈现异常的问题，提高用户的浏览体验。
css3的作用及角色？
CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容，前缀还是少不了的。
Chrome 和 Safari：-webkit
Firefox：-moz
IE：-ms
Opera：-o
CSS3 把很多以前需要使用的图片和脚本来实现的效果，甚至动画效果，现在只需要短短几行代码就能搞定。比如：圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理（旋转、缩放、倾斜、移动）、过渡、动画、多栏布局、媒体查询等。还有选择器，简化了前端开发工作人中山小榄的设计过程，加快页面载入速度。
与你的浏览器兼容是什么意思？
与浏览器兼容是指网页、应用程序或其他类型的软件在多种浏览器上均能正确显示、执行和交互的能力。
由于不同浏览器对网页设计的支持和渲染规则不同，如果网页代码不按照标准来编写，可能会导致某些浏览器无法正确解析，从而出现显示不正常、执行错误等问题，影响用户体验和使用效果。
为了确保网页的兼容性，应该采取一些措施，例如使用标准化的HTML、CSS代码，进行浏览器测试和校验，以及采用框架和库等技术手段来简化开发和保证兼容性。
同时，也应该关注新发布的浏览器版本，并及时更新代码和应用，以保持与最新浏览器的兼容性。