Html 错误：手机右侧有空白吗？？？[bootstrap3]_Html_Css

Html 错误：手机右侧有空白吗？？？[bootstrap3]

html css

Html 错误：手机右侧有空白吗？？？[bootstrap3],html,css,Html,Css,这是代码： <body> <ul style="margin: 0; padding: 0;"> <li style="display: block; float: left; width: 33%; background: pink; margin: 0; padding: 0;">jajaadjad d</li> <li style="display: block; float: left;

这是代码：


    <body>
    <ul style="margin: 0; padding: 0;">
       <li style="display: block; float: left; width: 33%; background: pink; margin: 0; padding: 0;">jajaadjad d</li>
       <li style="display: block; float: left; width: 47%; background: green; margin: 0; padding: 0;">jajaadjad d</li>
       <li style="display: block; float: left; width: 20%; background: black; margin: 0; padding: 0;">jajaadjad d</li>
    </ul>
    </body>



jajaadjad d
jajaadjad d
jajaadjad d

在手机上，右侧有一个空白！请建议如何修复它。

我手边没有Android设备来测试这一点，但我怀疑问题在于body标签上的默认样式，请尝试将body标签替换为：

  <body style="margin: 0; padding: 0;">

试试这个。对每个li使用内联块样式

<body style="margin: 0; padding: 0;">
    <ul style="margin: 0; padding: 0;">
       <li style="display: inline-block; float: left; width: 33%; background: pink; margin: 0; padding: 0;">jajaadjad d</li>
       <li style="display: inline-block; float: left; width: 47%; background: green; margin: 0; padding: 0;">jajaadjad d</li>
       <li style="display: inline-block; float: left; width: 20%; background: black; margin: 0; padding: 0;">jajaadjad d</li>
    </ul>
    </body>



jajaadjad d
jajaadjad d
jajaadjad d

试试：正文{
溢出-x：隐藏！重要；

}

哪个手机浏览器？还有，身体上有CSS吗？默认情况下，某些浏览器将边距应用于正文。你能把这个放到JSFIDLE上吗？哪个手机浏览器Android上的谷歌浏览器。身体上有CSS吗身体上没有CSS。我只是导入了一些引导的css默认值：css/Bootstrap.min.css，js/Bootstrap.min.js，仅此而已。感谢您的回复：））既然您应该使用引导，为什么不使用引导类来设计这些呢？Bootstrap投入了相当大的努力来让东西工作——你的手动方法很可能会与之冲突并破坏东西。你在使用jquery mobileNot jquery吗！只有像上面那样的css和html。(附)。代码非常简单，但我不明白为什么Android上的Google Chorme右侧有空白。。。这是链接演示，我试过了！这在这个实例中可能有效，但是

！重要信息

在很大程度上是核心选项，可能会将引导过程弄得一团糟。