错误:手机右侧有空白???[引导程序3]

这是代码：


    <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>

在移动设备上，右侧有一个空白区域！请告知如何修复。

我手头没有安卓设备来测试这一点，但我怀疑问题在于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>

尝试：身体{
overflow-x：隐藏！重要的}

相关内容

最新更新

热门标签：