码迷,mamicode.com
首页 >  
搜索关键字:device-width    ( 1489个结果
移动端网页设计经验与心得
⒈分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有。要想在这些设备上都能有良好的浏览体验,得花一番功夫。使用viewport:这已经是移动端网页的必备了,它可以设定页面的宽度,是否允许缩放等等。一般设置width=device-width,就是设置为设备的屏幕宽度,当然也...
分类:移动开发   时间:2014-10-24 12:23:25    阅读次数:196
easy-pie-chart和excanvas的兼容性问题
之前多次调节IE的canvas兼容性,总结如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>jQuery</title> <meta name="viewport" content="width=device-width"/> <link rel="st...
分类:其他好文   时间:2014-10-20 15:30:36    阅读次数:189
关于viewport
viewport是什么呢?熟悉移动端的同学都知道,viewport就是head里面添加的一个meta,添加合适了你的页面放在所有手机和pad上看着就很舒服,比如这样的:<metaname="viewport"content="target-densitydpi=device-dpi,width=device-width,initial-scale=1,user-scalable=no,min..
分类:其他好文   时间:2014-10-16 03:17:32    阅读次数:285
meta viewport
如实例: width:viewport 的宽度,可以指定为一个像素值,如:600,或者为特殊的值,如:device-width(设备的宽度)。height:viewport的高度。initial-scale:初始缩放比例,即当浏览器第一次加载页面时的缩放比例。maximum-scale:允许浏览者缩...
分类:Web程序   时间:2014-10-13 18:17:21    阅读次数:275
手机网页自适应问题
手机自适应宽度 向head标签里加上一下代码即可(不足之处,宽度适应里,高度却未必适应) viewport是网页默认的宽度和高度 上面这行代码的意思是: 网页宽度默认等于屏幕宽度(width=device-width), 原始缩放比例(initial-scale=1)为1.0, ...
分类:移动开发   时间:2014-10-13 12:32:49    阅读次数:176
标准设备的-media queries
/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {/* Styles */}/...
分类:其他好文   时间:2014-10-08 18:01:45    阅读次数:188
响应式设计-媒体查询
媒体查询媒体查询只支持IE9+、chrome、ff等浏览器,IE8以下的浏览器可以下载引用respond.js,写法: 媒体查询能检测哪些属性 : 1.width 视口宽度 2.height 视口高度 3.device-width 渲染表面的宽度(对我们来说就是设备屏幕的宽度) 4.devic...
分类:其他好文   时间:2014-09-29 14:44:01    阅读次数:239
移动终端屏幕自适应的一点经验
1)地球人都知道采用标签: <meta?name="viewport"?content="width=device-width,height=device-height,inital-scale=1.0,maximum-????scale=1.0,user-scalable=no;"> <meta?name="apple-mobile-web-app-...
分类:移动开发   时间:2014-09-27 14:47:50    阅读次数:249
网页宽度自动适应手机屏幕宽度的方法
在网页的中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其中:width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例maximum-scale=2.0:表示最大的缩放比.....
分类:移动开发   时间:2014-09-27 12:27:19    阅读次数:184
Knockout事件传递参数的几种方式
<!DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width"/><title>KoTest</title></head><body><h1>方法1</h1><uldata-bind="foreach:fruits"><lidata-bind="click:$root.clickHdr..
分类:其他好文   时间:2014-09-26 20:02:59    阅读次数:180
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!