Question

我有一个带有两个图像的标题随着时间的推移一起移动。我遇到的问题是左边的图像在大屏幕上看起来不错，但随着宽度的出现，左图像开始离开屏幕。我已经尝试了-webkit-padding-start代码无济于事，请帮忙。我在标题中的代码是

<div class="container">
<div class="row" id="countdown-header">
    <div class="pull-left" style="overflow: hidden;" id="width-left">
        <img align="right" id="steve-header">
    </div>
    <div class="pull-right" style="overflow: hidden;" id="width-right">
        <img align="left" id="lisa-header">
    </div>
    <div id="width-id" class="display-center text-countdown">
        <span id="days"></span><br>
        <span id="hours"></span><br>
        <span id="minutes"></span>
    </div>
</div><!-- end of row -->

谢谢

Answer 1

好吧事实证明，background-size属性导致了我的问题。在每个图像（左侧和右侧）上，我有背景大小：80％，然后是CSS中媒体查询的40％。

一旦我删除它们并重新调整图像尺寸，一切都很顺利。

感谢您的时间。

HTML标题左侧有不必要的填充

1 个答案: