html5:在创建html时为了防止页面缩放等不兼容效果,要创建个viewport <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initia ...
分类:
移动开发 时间:
2016-04-09 16:41:38
阅读次数:
144
Bootstrap的基本模板 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1. ...
分类:
其他好文 时间:
2016-04-05 22:41:51
阅读次数:
189
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width" initial-scale="1.0" />//加入自适应当前屏幕0 <title></tit ...
分类:
Web程序 时间:
2016-04-04 19:32:49
阅读次数:
202
一般,自适应移动端加这个语句即可 <script> var viewportContent = ''; if (window.devicePixelRatio = 1) { viewportContent = 'width=device-width, initial-scale=1.0, maxim ...
分类:
移动开发 时间:
2016-04-02 12:18:22
阅读次数:
271
关键部分:<metaname="viewport"content="width=device-width,initial-scale=1">
webview.loadUrl("javascript:varimgs=document.getElementsByTagName(‘img‘);for(vari=0;i<imgs.length;i++){imgs[i].style.width=‘320px‘;};void(0);");需要在加载的HTML中在<hea..
分类:
Web程序 时间:
2016-04-02 07:09:00
阅读次数:
276
一,移动端宽度设置viewport视图窗口,<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">,视窗宽度=设备宽度,默认缩放=1,不允许用户缩放。 二,flexbox,弹性盒子模型: ...
分类:
其他好文 时间:
2016-04-01 20:31:12
阅读次数:
446
rem布局是移动端常见的布局之一,也是较为成熟的方案。接下来就详细说以下rem布局的实际操作。 1.首先加<meta />标签,设置视口的大小,不多说。 <meta name="viewport" content="width=device-width initial-scale=1" /> 2给h ...
分类:
移动开发 时间:
2016-03-30 12:48:14
阅读次数:
199
<!--<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><htmllang="en"><head><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1">..
分类:
其他好文 时间:
2016-03-28 00:32:29
阅读次数:
256
案例: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-
分类:
Web程序 时间:
2016-03-17 21:41:30
阅读次数:
314
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, ini
分类:
Web程序 时间:
2016-03-17 21:35:42
阅读次数:
871