我有一個gif在標題中使用,並且已經能夠將它與html放在一起,但是我無法居中它並想利用最大寬度100%佔用較小的屏幕尺寸。 Img src使得GIF在小屏幕上顯得太大而無法制作滾動條。我對CSS相當陌生,到目前爲止還沒有找到答案。它用於在方形空間中進行代碼注入。用於標題圖像的CSS,居中,最大寬度%
0
A
回答
0
使用保證金:自動在您的gif使它居中水平。您也可以使用div代替img標籤並使用background-image屬性。
+0
對於屏幕尺寸,style = max width 100% – tmpnshmnt2000
+0
您可以將顯示塊添加到Css中的img中,或者將其用作div中的背景,如上所述。 –
0
看到這裏,這是一個充滿了演示:
h1{text-align:center;
background-image:url('http://www.liveside.net/wp- content/images/archive/2008/01/hackspacesblogbkground_2.jpg');
background-repeat:no-repeat;
background-size:cover;
box-shadow:3px 4px 2px #000;
max-width:850px;
width:100%;
margin:0 auto;
}
點擊PIC看看會發生什麼。
http://codepen.io/damianocel/pen/dYKxgW
你只需要設置你的最大寬度上的相關MEIA查詢。
相關問題
- 1. 最大寬度在CSS標題
- 2. 最小寬度,最大寬度的CSS使用最小寬度
- 3. 圖像寬度問題CSS
- 4. CSS:何時使用圖像上的最大高度/最大寬度?
- 5. css最小寬度和最大寬度?
- 6. css中的最大最小寬度
- 7. CSS寬度100%或最大寬度
- 8. 居中橫向寬度大於窗口寬度的div
- 9. 居中特定寬度的邊框圖像元素(CSS)
- 10. 覆蓋圖像限制的最大寬度和最大高度
- 11. 居中動態寬度表標題
- 12. 谷歌瀏覽器的css圖像最大寬度不一致
- 13. css backgroudn圖像和背景顏色的最大寬度
- 14. 使圖像覆蓋寬度(居中)
- 15. 垂直居中自動高度和最大高度的圖像
- 16. 最大寬度100px與寬度100px,爲什麼最大寬度短於寬度?
- 17. 最大寬度像素寬度100%
- 18. 響應圖像(最大寬度)
- 19. HTML/CSS:使用最小寬度創建居中的div
- 20. 居中最大寬度和高度的div啓用並保持長寬比
- 21. CSS懸停圖像最大寬度:100%不能正常工作
- 22. 垂直居中使用CSS圖像右側的標題
- 23. 最小寬度和最大寬度的CSS媒體查詢
- 24. CSS - 格寬度取決於圖像大小以上
- 25. 最大標籤寬度
- 26. CSS居中的標題圖片
- 27. 如果圖像比容器寬,則居中css背景圖像
- 28. 在ActionBarSherlock中佔用最大寬度的自定義圖像
- 29. CSS最小寬度和最大寬度以及靈活佈局
- 30. CSS最大寬度無效;使用寬度代替
顯示您的html和css代碼。 – razzak
再次,這是非常新的。但我最初使用img src「GIF的URL」,它可以工作並放置在標題中。不過,據我所知,對齊中心不會影響圖像。另外,當在iPhone中查看時,它會創建一個滾動條來查看所有內容。 – tmpnshmnt2000
歡迎來到Stack Overflow!尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**。請參閱[**如何創建一個最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –