materializecss 复选框使页面在某些浏览器中变宽

Question

你好，这是我在 chrome 的页面，没关系

在 mozilla 中使用相同代码的相同页面 如何解决这个问题 在 mozilla 中，将我的页面设置得如此宽，以便水平滚动

<div class="row">
    {{--<p class="">--}}

      {{--<input type="checkbox" id="checkbox" class="">--}}
      {{--<label for="checkbox">نظرررررر</label>--}}
    {{--</p>--}}
    <div class="switch">
    <label>نظر سنجی</label>
    <label>دارد
      <input type="checkbox" name="survey">
      <span class="lever"></span>ندارد
    </label>
    </div>
</div>

Answer 1

不看代码就做不了什么...尝试：

html, body {
  width:100%;
}

Answer 2

因为我把里面的每样东西都做了 rtl 造成了这场灾难

body {direction:rtl}

上面的代码造成了这个问题 所以要修复它你必须

body {direction : ltr}