⒈分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有。要想在这些设备上都能有良好的浏览体验,得花一番功夫。使用viewport:这已经是移动端网页的必备了,它可以设定页面的宽度,是否允许缩放等等。一般设置width=device-width,就是设置为设备的屏幕宽度,当然也...
分类:
移动开发 时间:
2014-10-24 12:23:25
阅读次数:
196
之前多次调节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就是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
如实例: 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
/* 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
<!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