1回答

• 

  _亓

  2017-10-14 14:10:31

  屏幕适配是有多种方式的。

  !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来写页面

  1 0

  IT小白兔

  这种方法可以用于响应式开发吗

  2017-10-15 23:43:05

  共 1 条回复 >