在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ H5背景圖和樣式適配的小小問題

H5背景圖和樣式適配的小小問題

剛接觸H5開發(fā) 移動(dòng)端的一些問題沒搞太明白 我有一些頁(yè)面 每個(gè)頁(yè)面都有一個(gè)背景圖 圖片是占滿整個(gè)屏幕的 我設(shè)了一個(gè)容器div寬高都是100%
然后background-size 100% 100%, 但是這樣好像有問題 圖片在iphone 6 7 8上可以正常顯示 但是在其它心墳的iphone上有一種壓縮的感覺 應(yīng)該是沒有進(jìn)行等比例縮放
該如何解決這個(gè)問題呢 這段代碼可以嗎
var h=$(window).height();
$("pic").height(h);
$("pic").width(h*0.7);
$(window).resize時(shí),var h=$(window).height();
$("pic").height(h);
$("pic").width(h*0.7);

回答
編輯回答
懶洋洋

<head>里面加上這個(gè)試試呢:<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0 />

2018年9月14日 05:14
編輯回答
骨殘心

首先移動(dòng)端你加上這句代碼了嗎?
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0 />

還有就是一般這種都不需要js吧,直接bg-size cover或者100% auto

手機(jī)打字,應(yīng)該能看懂吧。

2018年5月13日 04:47