responsive

1熱度

2回答

嗨，大家好。關於圖中佈局如何實現的任何想法？ 3幅等寬的圖像，中間圖像居中在視口中，最大寬度爲1200px。其他兩個側面圖像部分顯示在屏幕上。當瀏覽器窗口縮小到1200px以下時，中心圖像會填滿屏幕並隨窗口寬度向下縮放。難以用CSS來實現這一目標！謝謝！

0熱度

1回答

我想結合w3schools響應頁面與圖像效果不能看到衝突

我的目標是有一個響應式頁面3×3的圖像，並應用不透明度效果的按鈕。結合w3教程。我有兩個問題。首先效果對最後四張圖像起作用。如果我將鼠標懸停在第一張圖片上，它會更改第二張圖片。當我將鼠標懸停在第二張圖片上時，按鈕太高。其餘的都很好。第一張圖片也顯示了一些邊距或填充。第二個問題是響應部分不工作。我在想相對，但我不明白親戚。在w3css中發生衝突的情況下，我重命名了類。這是我的代碼。預先感謝您的

2熱度

2回答

響應式內容拉伸

我在將SoundCloud播放器和邊界響應移動設備時遇到了問題。我將高度和寬度設置爲自動並固定了響應，但不是玩家不適合邊框。它還在桌面上延伸。這是HTML和CSS我讓它響應，但邊框和播放器不適合。 .frame_outer iframe{ padding: 50px 49px; background: url(http://www.dontcursekids.com/

0熱度

2回答

三個彼此相鄰的響應框，其中按鈕需要在底部對齊

我有三個相鄰的框，其底部包含標題，圖像和按鈕。最後一個框在圖像下面有文本，圖像的高度比前兩個短。我製作了代碼筆供參考： https://codepen.io/jessiemele/pen/aLmoYz。當縮放屏幕時，您可以看到，隨着圖像變小，第三個框上的按鈕隨之移動，但其他兩個保持一致。我怎樣才能在第三個盒子上的按鈕與其他兩個保持聯繫？我的html： <div class="container"

0熱度

1回答

將div縮放到背景圖像的高度

我試圖將圖像作爲背景圖像和背景上的一些文本。問題是：div的高度必須與背景圖像高度相同。 HTML <div class="pict-cont"> <div class="text">enter code here` <p style="color: #333">some text some text some text</p> </div> </div> C

1熱度

2回答

身體/容器背景不填充屏幕的高度

新手開發人員，真的很沮喪，並在棧上找到答案，但還沒有找到！我這裏有一個網站：https://andymay101.github.io/emilyandywedding/ 代碼是在這裏。有一個帶有5個菜單項導航的正文背景圖片的div容器。，當我在瀏覽器中調整我的平板電腦/臺式機上，但是，當我瀏覽到手機上有空白的空間，整個網站沒有調整到適合看起來不錯。已經嘗試添加最小高度100％至身體，產品圖附

0熱度

1回答

響應式電子郵件部分展望問題

爲客戶製作新聞稿3天后，我遇到了問題。我製作了一個部分，左側是一張圖片，右側是一些文字。 This is what it looks like 這是代碼： <div class="column narrow" style="text-align: left; color: #430861; font-size: 16px; line-height: 24px; font-family

0熱度

1回答

無法在產品目錄中獲得文字換行/打破

在產品標題較長的項目中，文本在屏幕大小調整和重疊時無法換行/中斷。我使用了自動換行，空格，分詞&溢出包裝，但文本拒絕中斷。請參見下面的代碼，你也可以在這裏看到網站上的行爲：goo.gl/VsFBkx .product-item-name { font-size: 16px; font-family: 'Work Sans','Helvetica Neue',Helvetica,Arial,sa

0熱度

2回答

如何在CSS3中創建響應式CSS定位圖像

我想將響應式圖像添加到我的標題中。它在我的屏幕上看起來很完美，但是當我改變屏幕尺寸時，它已經不在位。 HTML： <section id="cover"> <div class="container"> <div class="row text-center"> <div class="col-sm-12 character"> </div>

0熱度

2回答

爲響應的引導程序佈局設置最小寬度

我希望Bootstrap佈局在寬度爲768px或更小時不響應。您可以在這裏查看我當前的應用程序HTML/CSS，https://codepen.io/anon/pen/xXdYNa。我不得不對一些標準的Bootstrap樣式進行一些修改，這樣可能會讓事情變得更加複雜一些。有沒有人對如何實現這一目標的任何提示，通過使用CSS覆蓋，類似於我在這裏做： @media (min-width: 768px