⑴ HTML 圖片在手機端自適應
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
</head>
<styletype="text/css">
*{
margin:0;
padding:0;
}
.demo{
width:100%;
height:100%;
max-width:760px;
}
.demoimg{
width:100%;
height:62.5%;
}
</style>
<body>
<divclass="demo">
<imgsrc="http://pic1.win4000.com/wallpaper/6/578855acae491.jpg"/>
</div>
</body>
</html>
⑵ 手機網頁中的圖片根據屏幕大小自適應 怎麼弄
根據你要做的產品圖或banner圖，外面的div要設置寬度、高度。裡面的圖片再設置 width:100% height:auto,
⑶ 怎麼讓圖片在手機端自適應大小
首先看一下圖片自適應的網頁。（本圖中的圖片大小剛好占滿瀏覽器）
首先，我們在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;
}
這時候刷新頁面，發現圖片已經自適應了。目的達成。
⑷ php如何處理已定義寬高的圖片達到手機端自適應
眾所周知，一張圖片如果在PC端和手機端自適應的話，只需要定義圖片的寬度為100%，即img{width：100%；},或者在手機端定義圖片的最大寬度max-width屬性，我推薦大家使用第一種。但是大家在編輯內容上傳圖片的時候，有的編輯器會自動給img標簽加上寬高屬性，如圖所示：
這樣的話就不會在手機端正常顯示，達不到我們想要的100%的效果，如果圖片少的話大家可以手動清除格式，但是如果圖片很多的情況下手動會浪費很多時間，那麼如何清除批量清除這些格式那？解決這種情況有很多種方法，現在給大家提供一種PHP服務端的解決方案。
⑸ html5手機頁面背景圖片自適應大小問題
首先需要div布局，HTML布局：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"><title>背景圖片自適應</title><style type="text/css">html,body {padding: 0;margin: 0;}div {width: 100%;height: 300px;background: url('images/slide_01_640x340.jpg') no-repeat;background-size: 100% 100%;}</style></head><body><div></div></body></html>
2.HTML代碼的截圖效果：
3.自適應最重要的樣式如下：
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
width: 100%;
background-size: 100% 100%;
4.最終的效果是這樣：
⑹ 織夢自適應網站內容圖片無法自適應很大，該如何解決手機版功能正常就是圖片無法自適應
這不是圖片問題！而是CSS代碼問題！
響應式的模板畢賣都存在這樣的問題！
img一般放在DIV裡面！
而響應式的鬧數返CSS代碼寫法是通過解析度，屏幕等來決定怎麼液飢載入CSS代碼的！
一般你把IMG設置為100%！就行！
⑺ 怎麼樣讓照片適應手機屏幕
您好，安卓系統設置
1、打開手機里的設置，在頁面里點開 顯示，
2、在顯示頁面里找到並打開 壁紙，
3、打開壁紙頁面後，點開設置壁紙，
4、然後轉到設置壁紙頁面，不用系統本身的背景圖，我們選擇 圖庫 里的圖，
5、進入到圖庫，選擇一張橫向圖片，
打開圖片上傳後，整個圖片就會自動適用屏幕大小尺寸。
6、然後就可以直接設置為手機桌面啦，
iOS系統設置
1、打開蘋果手機設置頁面，點開牆紙，
打開牆紙頁面後，點開 選取新的牆紙，
2、然後在選取頁面里打開 相冊膠卷，
3、在手機相冊里選擇一張小尺寸的橫向圖片上傳，圖片就會自動適用手機屏幕大小尺寸，
4、然後就可以直接設定為屏幕背景啦。
⑻ 手機網頁中的背景圖片怎麼自適應
background-size:100% 100%;這樣就可以了，只要元素自適應，背景自然會自適應，所以元素要改成百分比的形式。
⑼ 手機web開發中如何做到圖片自適應
圖片的寬度設置為百分比，不要設置高度，這樣圖片就會按照設置的百分比自動縮放了。
⑽ android 圖片大小如何設置可以自適應不同解析度
不知道你什麼情況下要讓圖片自適應渣族不通過解析度。給你舉個例子吧，希望對你有所幫助！當你把圖片塞到imageView中時，布局注意
不要把首梁擾值定死 比如：
android:layout_width="100dp"
android:layout_height="90dp"
直接給他
android:layout_width="fill_parent"
android:layout_height="wrap_content"
這者旦樣 ，才能適應你解析度。
還有就是drawable_hdpi ,ldpi,mdpi分別代表不同解析度drawable_hdpi（800*480），ldpi（480*320），mdpi（320*240），你自己放圖片時注意了。