需要在html中根据大小更改元素

Question

我需要这个

<div>
<script type="text/javascript" src="https://app.ecwid.com/script.js?11123298&data_platform=code&data_date=2017-02-16" charset="utf-8"></script>
  <script type="text/javascript"> 
    xProductBrowser("categoriesPerRow=3","views=grid(20,3) list(60) table(60)","categoryView=grid","searchView=list","id=my-store-11123298");
  </script>
</div>

变成这个

<div>
  <script type="text/javascript" src="https://app.ecwid.com/script.js?11123298&data_platform=code&data_date=2017-02-16" charset="utf-8"></script>
  <script type="text/javascript"> 
    xProductBrowser("categoriesPerRow=3","views=grid(20,1) list(60) table(60)","categoryView=grid","searchView=list","id=my-store-11123298");
  </script>
</div>

在移动设备上浏览时。我已经看到了其他的东西，但是当我尝试时它都没有用。我真的不太了解java脚本，所以请真的具体，如果它是:)