制作手机站CSS样式怎么兼容，手机端css怎么写

在做div+css过程中应该怎样解决浏览器的兼容问题呢?

选用div-css布局的网站对于搜索引擎很是友好，因而其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，并且简明、框架化的代码更加有助于突出重点和适用搜索引擎抓取。

在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin：30px！important；margin：28px；}注意这两个margin的顺序一定不能写反，！important这个属性IE不能识别，但别的浏览器可以识别。

条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

相关问答

Q1: css3中的样式兼容性问题怎么弄?

1、经测试后完美解决了兼容模式问题，这样设置后IE中设置兼容模式的按钮也会消失，可以按F12打开“开发人员工具”来检查浏览器模式。

2、兼容模式可能会导致网页显示出现问题，所以通常会在HTML中添加以下代码，使IE使用固定的渲染模式：代码如下：另一种情况下，只有不使用兼容模式的页面才能在IE8下正常显示，但如果设置为IE8模式，CSS3在IE9下会失败。

3、ie9与加载css3实现的动画不兼容。如何解决这个问题？最好的解决方案是用一个GIF动画代替，这样即使是最老的浏览器也没有问题，运行效率堪比css3实现的动画。这取决于你的网页侧重于哪种浏览设备。

4、Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。Safari 和 Chrome 支持替代的 -webkit-transform 属性（3D 和 2D 转换）。

5、搜狐浏览器不兼容css3主要是不同浏览器有不同的内核，这样导致CSS3会在不同浏览器上出现页面上的错位或丢失。

Q2: 手机web版的页面(html/css)怎么兼容所有浏览器和各个手机屏幕分辨率

1、. 第一种：第一个想法是需要使用一个 css 背景图，如果这张图够大，就能填充整个屏幕。当浏览器窗口大小没有图片大时，它将自动隐藏多余的部分。

2、body默认宽度是屏幕宽度（PC中指的是浏览器宽度）子孙元素按百分比定位（或指定尺寸）就可以了。但这只适合布局简单的页面，复杂的页面实现很困难。

3、mxria.com/mxria /body /html 现在可以看出来了吧，对，就是document.createElement ，HTML5 shiv 是一个js插件，将所有HTML5的标签进行了重新生成，你需要加载该插件，那么HTML5程序就能被所有浏览器识别了。

4、在桌面浏览器中，viewport严格等于浏览器窗口大小，页面渲染时，页面宽度不会超过浏览器的宽度。 移动端屏幕太窄，为了提供更好的页面体验，移动端提供了两种viewport： 可视viewport， 布局viewport。

Q3: CSS如何让网站适应手机屏幕?

一种自适应建立计算机站网站的方法 全屏宽度主要在于CSS代码，将宽度设置为100%，而不是固定的像素值。代码如下。

然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。

首先，在网页代码的头部添加一行viewportmeta标签。Viewport是网页的默认宽度和高度。上面的代码意味着网页的默认宽度等于屏幕宽度(width=device-width)，原始缩放比例(initial-scale=1)为0，即网页的初始大小占屏幕面积的100%。

如何让网页适应所有屏幕宽度？1。首先，在网页代码的头部，添加一行viewportmeta标签。viewport是网页的默认宽度和高度。

Q4: css样式兼容不同浏览器问题解决办法

1、-使用CSSReset：不同的浏览器有不同的默认样式。使用CSSReset可以重置所有浏览器的默认样式，从而更好地控制网站的样式。-使用CSS框架：CSS框架是一组可重复使用的CSS代码，可帮助开发人员更轻松地创建网站布局和样式。

2、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

3、典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。

4、浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

5、在不同浏览器， 标签呈现的效果是有区别的。所以小面我来谈谈如何让CSS的标签兼容不同的浏览器。

Q5: 如何让CSS的标签兼容不同的浏览器

1、可以在后台判断浏览器版本，输出内容=inherit。IE8需要！DOCTYPE。IE9支持inherit。CSSborder属性 border简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-width：规定边框的宽度。

2、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

3、在不同浏览器， 标签呈现的效果是有区别的。所以小面我来谈谈如何让CSS的标签兼容不同的浏览器。

4、ie7 – js中是一个JavaScript库（解决IE与W3C标准的冲突的JS库），使微软的Internet Explorer的行为像一个Web标准兼容的浏览器，支持更多的W3C标准，支持CSSCSS3选择器。

关于制作手机站CSS样式怎么兼容和手机端css怎么写的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。