码迷,mamicode.com
首页 >  
搜索关键字:device-width    ( 1489个结果
获取浏览器视口高度device-width
获取浏览器视口高度device-width
分类:其他好文   时间:2015-09-03 08:09:27    阅读次数:244
meta标签详解:源http://blog.csdn.net/kongjiea/article/details/17092413
一、大众机型常用meta标签name的设置1、name之viewport说明:屏幕的缩放content的几个属性: width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值,大部分的安卓手机不支持,但是ios支持; ....
分类:Web程序   时间:2015-08-26 13:47:35    阅读次数:193
ios,android使用HTML5开发问题汇总
viewport 控制应用屏幕属性viewport是一个针对移动web的meta标签,它的主要属性如下width = [pixel_value | device-width ]控制 viewport 的宽度,可以指定的一个值或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 10...
分类:移动开发   时间:2015-08-20 15:04:07    阅读次数:201
html5晋级之路-响应式布局基本实现
1.css中的Media Query(媒介查询): 设备宽高: device-width,device-height 渲染窗口的宽和高:width,height 设备手持方向:orientation 设备的分辨率:resolution2.使用方法: 外联 内嵌样式js事件测试 如上的两种方...
分类:Web程序   时间:2015-08-19 19:37:55    阅读次数:112
Boostrap入门+样式学习--壹--
bootstrap学习 1. 自适应网页设计 首先,在网页代码的头部,加入一行 viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)...
分类:其他好文   时间:2015-08-14 21:38:06    阅读次数:420
实现响应式布局效果
//最大不能超过640px//content="width=device-width指定设备的宽,initial-scale=1按照原比例进行缩放@media screen and (min-width: 600px;) and (max-width: 960px){}//最小600最大960px;
分类:其他好文   时间:2015-08-04 18:36:22    阅读次数:92
css3+jquery+html实现转盘效果
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>转盘</title> ????<meta?name="viewport"?content="width=device-width,?maximum-scale=1.0,?user-scalab...
分类:Web程序   时间:2015-08-01 17:30:41    阅读次数:170
bootstrap3 - 折叠
<!DOCTYPE?html> <html> <head?lang="en"> ????<meta?charset="UTF-8"> ????<title></title> ????<meta?name="viewport"?content="width=device-width,initial-scale=1.0,user-scalable=no"> ?...
分类:其他好文   时间:2015-07-31 16:30:09    阅读次数:154
bootstrap3 - Tooltip&弹出框&提示信息
<!DOCTYPE?html> <html> <head?lang="en"> ????<meta?charset="UTF-8"> ????<title></title> ????<meta?name="viewport"?content="width=device-width,initial-scale=1.0,user-scalable=no"> ?...
分类:其他好文   时间:2015-07-31 13:19:06    阅读次数:635
bootstrap3 - 标签页切换
<!DOCTYPE?html> <html> <head?lang="en"> ????<meta?charset="UTF-8"> ????<title></title> ????<meta?name="viewport"?content="width=device-width,initial-scale=1.0,user-scalable=no"> ?...
分类:其他好文   时间:2015-07-31 10:53:16    阅读次数:368
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!