新手 不同浏览器 css效果

谷歌 和 (ie /手机浏览器 ) css 效果不一样 ,ie /手机浏览器 )的没自动适应子的长度 ,有怎么办

图片说明
图片说明

可以使用boostrap的栅格来处理界面响应式问题https://getbootstrap.com/

可以是使用 内联元素(标签)如 span 标签; 或 块级元素 使用 css 样式: display: inline-block,
再结合 padding 的属性 让文字与边框有一定的间距。
如有帮助,望采纳。

哪里不一样了,你这个问题有语病啊,我看了一遍没看懂,是不是少了个(, 嗯...语病很严重...

<div>
    <p>
    不同浏览器 css效果
    </p>
</div>
<style type="text/css">
    div{
    display:inline-block;
    padding:0 10px;
    backgroud-color:red;
    }
</style>

当然需要自动换行,设置一个最大宽度max-width