亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

題外話

我發現老師的demo是用px為單位、那么是怎樣去適應不同屏幕的手機呢

正在回答

1 回答

屏幕適配是有多種方式的。

!function(){

var vp;

var sw = window.screen.width;

if (/android (\d+\.\d+)/i.test(navigator.userAgent)) {

var v = parseFloat(RegExp.$1);

var s = 0.5;

var c = v < 4.2 ? Math.ceil(window.devicePixelRatio) : window.devicePixelRatio;

var dpi;

if (c) {

dpi = 640 / sw * c * 160;

} else {

dpi = sw <= 640 ? sw / 640 * 320 : 640 / sw * 320;

}

vp = '<meta name="viewport" content="width=640,initial-scale=' + s + ' ,minimum-scale=' + s + ',maximum-scale=' + s + ',user-scalable=no,target-densitydpi=' + dpi + '">';

} else {

var s = sw / 640;

vp = '<meta name="viewport" content="width=640,initial-scale=' + s + ' ,minimum-scale=' + s + ',maximum-scale=' + s + ',user-scalable=no">';

}

document.write(vp);

我還沒看老師的源碼。但是像這種就是直接根據屏幕大小來縮放頁面的。就可以直接用px來寫頁面

0 回復 有任何疑惑可以回復我~
#1

IT小白兔 提問者

這種方法可以用于響應式開發嗎
2017-10-15 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號