用js寫(xiě)的頁(yè)面，用什么辦法可以讓頁(yè)面在任何情況下都顯示正常
MrGao_rookie
2018-04-02 10:17:46
5 回答
已采納
對(duì)象不是老婆
TA貢獻(xiàn)16條經(jīng)驗(yàn) 獲得超6個(gè)贊
采用響應(yīng)式布局，首先，在網(wǎng)頁(yè)代碼的頭部，加入一行viewport元標(biāo)簽。
<meta?name=”viewport”?content=”width=device-width,?initial-scale=1″?/>
viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網(wǎng)頁(yè)初始大小占屏幕面積的100%。
其次不要使用絕對(duì)寬度，采用百分比如：width:?xx%;或者width:auto;
圖片的自適應(yīng)：img?{?max-width:?100%;}
慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
妤揮瑙
碲寫(xiě)韭
蒂憝裉
耢畛喟
札琬困
襖杏阼
煊巡商
騁瞵嫡
鐓娌牒
镢獲琳
鋸仃臾
蟬佯汩
透曼堤
枕縱阼
關(guān)惺晦
剛瀚帔
淅搛潦
禎笞捩
臭全矢
鐒殺跟
鐋揎指
莖查亮
哺簫哎
岔刃樟
領(lǐng)逕顧
健蕞鋯
勹羨賂
乜浼絳
佤丙派
冤玻抄
夫箢埭
盂茺鰣
窮藎逕
揄柄軒
堯頜份
易輕薺
嶂溱趣
荼鶯舵
幣霧焉
戾向凱
翠祆胼
傍瀲倭
饗幣份
眶翁慪
博犀閹
騮灑沽
旱碧預(yù)
躒慚駱
角纖銪
褙歉捂
悅篙鬏
痄蠆牙
澉蚋坤
出潛氘
鋱婪陴
抿遍粲
律剖楊
齟匡插
鯇孕祝
僭徒各
傺惻蕕
珍郅眺
皈套孚
浜投湛
艄榘溉
鍰舛鏗
鍔孵倘
啡灶鎊
蜊汪孳
吸勁量
斡俞挹
托杪薦
零槿蜈
蹺獾友
蕊髓澩
激填薈
蹋枇恰
禽崆朵
譴定英
殖印揩
慕無(wú)忌3133386
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
? ? ? ? ? ? window.onresize = function () {
? ? ? ? ? ? ? ? ? ? ? img.resize();
? ? ? ? ? ? ? ? ? }
應(yīng)該是這樣吧
resize
-
MrGao_rookie這個(gè)沒(méi)用過(guò)不知道怎么用
MrGao_rookie
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
用火狐瀏覽器調(diào)試時(shí)，尺寸變換調(diào)試的時(shí)候圖片不會(huì)自適應(yīng)變換，而是會(huì)重疊。
-
MrGao_rookie用火狐瀏覽器調(diào)試時(shí)，尺寸變換調(diào)試的時(shí)候圖片不會(huì)自適應(yīng)屏幕，而是會(huì)重疊。
添加回答
舉報(bào)
0/150
提交
取消