⑴ 手機網頁中的背景圖片怎麼自適應
background-size:100% 100%;這樣就可以了,只要元素自適應,背景自然會自適應,所以元素要改成百分比的形式。
⑵ css背景圖怎麼在手機自適應全屏
根據頁面設計情況選擇相應的參數,方法就是設計背景size參數
background-size:cover ,適用於上半部分背景圖片,下半部分純色
將背景圖像等比縮放到完全覆蓋容器,背景圖像有可能超出容器。
background-size:contain 適用於一屏幕,缺點屏幕寬度高度不一致,會有縫隙
將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等,背景圖像始終被包含在容器內。
background-size:100% 100%;
最簡單粗暴的方法,缺點會給背景拉伸變形
⑶ 怎麼讓圖片在手機端自適應大小
首先看一下圖片自適應的網頁。(本圖中的圖片大小剛好占滿瀏覽器)
首先,我們在body中增加canvas標簽:
<canvas id="myCanvas">
Your browser does not support the canvas element.
</canvas>
<div> 本養老院佔地面積是14000平方米,建築面積5000平方米。園林面積為7000平方米。</div>
註:這里極力推薦使用html5的canvas標簽,使用傳統的img標簽經試驗有一系列問題,小編暫時沒找到可自適應的簡便方法。
此時刷新頁面查看效果,發現注釋已經顯示出來,且頁面上面的花瓣canvas已經預留出空間,如圖:
為canvas標簽增加自定義背景:
#myCanvas {
background-image: url(${webRoot }/webpage/weixin/images/agency.jpg);
background-size: 100%;
}
註:url中是圖片的路徑,大家需自行修改。
這時候查看頁面效果,發現圖片已經展示,但是未占滿整個瀏覽器。
使用css定義body、canvas標簽樣式:
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#myCanvas {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
display: block;
}
這時候刷新頁面,發現圖片已經自適應了。目的達成。
⑷ html5手機頁面背景圖片自適應大小問題
1,輸入position:fixed;top:0;left:0;將整個div固定在屏幕的頂部和左側。
⑸ 怎麼樣讓照片適應手機屏幕
您好,安卓系統設置
1、打開手機里的設置,在頁面里點開 顯示,
2、在顯示頁面里找到並打開 壁紙,
3、打開壁紙頁面後,點開設置壁紙,
4、然後轉到設置壁紙頁面,不用系統本身的背景圖,我們選擇 圖庫 里的圖,
5、進入到圖庫,選擇一張橫向圖片,
打開圖片上傳後,整個圖片就會自動適用屏幕大小尺寸。
6、然後就可以直接設置為手機桌面啦,
iOS系統設置
1、打開蘋果手機設置頁面,點開牆紙,
打開牆紙頁面後,點開 選取新的牆紙,
2、然後在選取頁面里打開 相冊膠卷,
3、在手機相冊里選擇一張小尺寸的橫向圖片上傳,圖片就會自動適用手機屏幕大小尺寸,
4、然後就可以直接設定為屏幕背景啦。
⑹ 照片手機自動換背景
首先下載安裝ps軟體,我用的是這個。見圖。
步驟閱讀
2
打開手機ps,點擊添加照片,選擇「圖片庫」,在你的相冊中選擇一張照片作為新背景。然後在右下角的地方點擊「添加」,選擇「照片圖層--照片圖庫」,再添加另外一張照片。
步驟閱讀
步驟閱讀
步驟閱讀
3
兩張照片都添加之後,調整上面的圖片大小及位置,移動好後,點擊下面的對號。結果如圖。
步驟閱讀
4
在最左側選擇「快速選擇」工具,調整畫筆大小,在人像上塗抹。人像周圍就會出現「螞蟻線」,選定的是你要保留的區域。注意看清虛線流動的范圍,注意細節。
步驟閱讀
步驟閱讀
5
點上方最左側工具,選擇「反向選擇」,結果如圖。現在虛線選定的是除人像以外的其它區域。
步驟閱讀
步驟閱讀
6
點擊上方工具,選擇"清除",這樣背景便更換成功。
步驟閱讀
7
最後,可以裁剪一下照片到你想要的效果。選擇上方右側的工具,裡面選擇「裁剪」。
步驟閱讀
8
點左上方「完成」,選「保存」,這樣照片存在了軟體里。若你想要保存到本地,選擇下方「分享」,點「保存到相冊」,選定你要保存的照片,「確定」這樣就完成了。
步驟閱讀
⑺ 手機背景圖怎麼設置
以OPPO R9S手機為例,設置方法如下:
一、首先在OPPO R9S手機桌面上點擊」設置「進入。
⑻ 手機背景圖片怎麼換成自己會變的
你說的那種是壁紙軟體,一般可以在主題裡面設置,如果沒有,你可以在手機上安裝個壁紙軟體,然後通過壁紙軟體設置好自動更換背景就好了。
⑼ android怎麼設置自適應大小的背景圖片
需要給你的ImageView布局加上Android:adjustViewBounds="true"
<ImageView android:id="@+id/test_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="fitXY"
android:adjustViewBounds="true"
android:layout_gravity="center"
android:contentDescription="@string/app_name"
android:src="@drawable/ic_launcher" />
然後,在代碼里設置ImageView.最大寬度和最大高度,因為adjustViewBounds屬性只有在設置了最大高度和最大寬度後才會起作用
int screenWidth = getScreenWidth(this);
ViewGroup.LayoutParams lp = testImage.getLayoutParams();
lp.width = screenWidth;
lp.height = LayoutParams.WRAP_CONTENT;
testImage.setLayoutParams(lp);
testImage.setMaxWidth(screenWidth);
testImage.setMaxHeight(screenWidth * 5); 這里其實可以根據需求而定,我這里測試為最大寬度的5倍
⑽ css手機版頁面製作時如何讓背景圖片適應div的高度和寬度
具體步驟如下:
1、輸入position:fixed; top: 0; left: 0;使整個div固定在屏幕的最上方和最左方。