后台重復無法在手機上運行

Question

我的CSS和移動設備上的HTML沒什么問題。 圖像未以任何方式顯示-在Samsung Galaxy S3上測試。 我有這樣的事情：

.wlLeft, .wlRight {
  width: 50%;
  float: left;
  height: 100%;
  z-index: -1;
  position: relative;
}

.wlLeft {
  background: url('../images/wlLeft.jpg') repeat;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
}

.wlRight {
  background: url('../images/wlRight.jpg') repeat;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
}

這是HTML：

<div class="wlLeft"></div>
<div class="wlRight"></div>
<div class="one page">
  <div class="inner2 left3">
    <jdoc:include type="modules" name="przeszczep1" style="XHTML" />
  </div>
  <div class="clr"></div>
</div>

Answer 1

如果想法是讓背景在div上重復，那不是最好通過移動設備上的媒體查詢來刪除背景尺寸嗎？ 那么圖像實際上會重復