对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢? 1、Meta 之 viewport 说到移动平台meta标签,那就不得不.....
分类:
移动开发 时间:
2014-07-01 16:20:24
阅读次数:
223
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?1、Meta 之 viewport说到移动平台meta标签,那就不得不说一下v...
分类:
移动开发 时间:
2014-06-28 11:19:08
阅读次数:
273
⒈分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有。要想在这些设备上都能有良好的浏览体验,得花一番功夫。使用viewport:这已经是移动端网页的必备了,它可以设定页面的宽度,是否允许缩放等等。一般设置width=device-width,就是设置为设备的屏幕宽度,当然也...
分类:
移动开发 时间:
2014-06-27 14:38:47
阅读次数:
246
网页宽度页面box不要写宽度或width:100%之类的去掉头部加上下面代码:<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>图片宽度<scripttype="text/javascript">functioninit(){varji..
分类:
移动开发 时间:
2014-06-27 07:05:34
阅读次数:
239
通过以下标签实现页面自适应:width控制 viewport 的大小,可以指定的一个值或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。height和 width 相对应,指定高度。target-densitydpi一个屏幕像素密度是由屏幕分辨...
分类:
微信 时间:
2014-06-25 23:06:59
阅读次数:
9806
Ouibounce 是一个微小的库,用于实现在用户离开你的网站的时候显示一个模式窗口。这个库可以帮助你增加着陆页的转换率。 Ouibounce 会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发。您可以自定义多远的时候让 Ouibounce 触发,值越高,越敏感。
分类:
Web程序 时间:
2014-06-18 17:19:43
阅读次数:
212
一. 允许网页宽度自动调整:"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal....
分类:
移动开发 时间:
2014-06-15 23:41:55
阅读次数:
325
一.
允许网页宽度自动调整:"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale...
分类:
移动开发 时间:
2014-06-12 15:06:38
阅读次数:
285
在head标签中加入以上meta声明。具体属性可以谷歌/百度。
我查了下viewport,有几个属性:width - viewport的宽度 height - viewport的高度initial-scale -
初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-...
分类:
移动开发 时间:
2014-06-12 10:24:54
阅读次数:
430