Question

想知道是否有人可以帮我解决我为客户创建的a page的响应问题。

基本上我需要这种设计才能在所有桌面屏幕尺寸上完全适合屏幕（高度和宽度），而不会出现滚动条;我知道我走的是正确的道路，但无法找到解决方案

请提出任何建议

谢谢

Answer 1

您可以使用bootstrap col-xs

示例：

<div class="row">
    <div class="col-xs-3">
      <img src="https://dummyimage.com/600x400/000/fff" alt="" width="100%">
    </div>
    <div class="col-xs-3">
      <img src="https://dummyimage.com/600x400/000/fff" alt="" width="100%">
    </div>
    <div class="col-xs-3">
      <img src="https://dummyimage.com/600x400/000/fff" alt="" width="100%">
    </div>
    <div class="col-xs-3">
      <img src="https://dummyimage.com/600x400/000/fff" alt="" width="100%">
    </div>   
  </div>

DEMO http://jsbin.com/pumiteqoji/1/edit?html,css,output

响应式html主页

1 个答案: