84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我的手機端網頁需要背景圖,怎麼才能讓背景圖全螢幕顯示,而且不變形呢 ? 我現在的設置,背景是變形的!求大神!
背景大小:100% 自動;
你可以嘗試不設定背景圖,而是使用img標籤來顯示背景圖片。
<p class="page"> <img class="bg"/> <p class="page_Con"> </p> </p> .page{position:relative;height: 100%;overflow:auto;} .bg{width:100%;height:100%;} .page_Con{position:absolute;top:0;left:0;width:100%;height:100%;}
background-size:cover;你要先在body和HTML 中設定width
既不拉伸圖片又要完全展示,真是執著於這個的話,給設計提個參考方案吧:把圖片的輪廓羽化後,加個背景色,再去拿到圖片背景色的色值,在main_bg中設定css屬性:
background-color: white;// 拿到的图片背景色 background-image: url('链接'); background-size: 95%; //可以写成固定值 background-repeat: no-repeat; background-position: center;
背景大小:100% 自動;
你可以嘗試不設定背景圖,而是使用img標籤來顯示背景圖片。
background-size:cover;你要先在body和HTML 中設定width
既不拉伸圖片又要完全展示,真是執著於這個的話,給設計提個參考方案吧:
把圖片的輪廓羽化後,加個背景色,再去拿到圖片背景色的色值,在main_bg中設定css屬性: