-moz-max-content使用

width: -moz-max-content;  主要实现宽度自适应, 而不是100%显示, 如h3标签. 

但这个方法仅对firefox 3.0以上版本有效,  其他浏览器均不兼容.

在chrome中使用 max-width: intrinsic;

若要ie中兼容,则设置float:left; width:auto; (这种方法在其他浏览器也使用, 但需要在下一个标签清除掉浮动:clear:both;)




综上, 样式可以写为:

.test{

        width: -moz-max-content;
        max-width: intrinsic;

       float:left\9; width:auto\9;  /*兼容ie*/

}

另外说明:  以 -moz 开头的Css仅在 Mozillas Firefox有效. 其他浏览器的格式如下:

• -moz for Firefox
• -webkit for Webkit (mainly Chrome & Safari and a lot of the Chromium forks)
• -ms for IE10
• -o for Opera