码迷,mamicode.com
首页 >  
搜索关键字:device-width    ( 1489个结果
APP开发注意几点事项
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
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
移动端屏幕适配viewport
一般,自适应移动端加这个语句即可 <script> var viewportContent = ''; if (window.devicePixelRatio = 1) { viewportContent = 'width=device-width, initial-scale=1.0, maxim ...
分类:移动开发   时间:2016-04-02 12:18:22    阅读次数:271
Andorid WebView内容自适应并改变图片大小
关键部分:<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定义,弹性布局,响应式布局
一,移动端宽度设置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布局是移动端常见的布局之一,也是较为成熟的方案。接下来就详细说以下rem布局的实际操作。 1.首先加<meta />标签,设置视口的大小,不多说。 <meta name="viewport" content="width=device-width initial-scale=1" /> 2给h ...
分类:移动开发   时间:2016-03-30 12:48:14    阅读次数:199
Bootstrap 组件练习
<!--<!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
利用jquery模拟select效果
案例: <!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
html5+css3实现上拉和下拉刷新
<!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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!