如何使幾個div元素響應

我遇到了一些我的div元素響應的麻煩。如何使幾個div元素響應

帶有放大鏡的圖像在窗口較小時拒絕調整大小，例如在ipad上。我嘗試了其他方法調整大小，但導致失敗。

網站鏈接：http://onlinestaff.net

來源

2017-10-14 onlinestaff

請提供代碼。我猜它具有'位置：固定'屬性 –

我們無法幫助您，因爲讀取您的整個代碼非常耗時且無用。請用最少的代碼創建一個小例子並將其發佈到此處。 –

問題：在放大鏡圖像您的網站使用屬性max-width:none，即使在較小的屏幕上，圖像也會以全尺寸顯示。

解決方案：當進行圖像響應我們通常使用的CSS屬性max-width:100%，以確保大的圖像縮小以適應屏幕上（或者更好的融入父容器）

來源

2017-10-14 18:31:42 Philipp

你可以嘗試這樣的事情，使div的響應和相對於屏幕的大小自己的立場：

<body> 
    <div class="container"> 
     <div class="row row-centered pos"> 
      <div class="col-lg-8 col-xs-12 col-centered"> 
       <div class="well"></div> 
      </div> 
      <div class="col-lg-8 col-xs-12 col-centered"> 
       <div class="well"></div> 
      </div> 
      <div class="col-lg-8 col-xs-12 col-centered"> 
       <div class="well"></div> 
      </div> 
     </div> 
    </div> 
</body>

來源

2017-10-14 18:15:40 Asim

如何使幾個div元素響應

回答

相關問題