背景圖片太大時,而又不出現豎向滾動條的做法
來源:程序員人生 發布時間:2014-12-09 08:08:46 閱讀次數:4389次
當設計圖做為背景圖片太大時,必會出現轉動條,但是項目那邊不希望出現轉動條,是1屏顯示的,那就能夠這樣設計Css
<img src="images/bg.png" alt="bg">
img{ display:block; width:100%; height:100%;}
這樣就能夠讓圖片在頁面中平鋪,而不產生轉動條,但是有1個問題,當顯示器的尺寸很小或13寸顯示器的時候,圖片會嚴重變形,但是這是目前來講最好的解決方案了。又不出現轉動條。做適配時也能夠這樣,只不過在320時讓大尺寸的圖片隱藏,小尺寸的顯示就能夠,同理,在大屏幕時,讓320的隱藏。
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈