摘要：1.不要直接把PC端的页面直接搬到移动端来用。这里举个例子：有个活动页面，在PC端和手机端的Safari里展现都好，但是当用手机APP（如手机淘宝）扫码打开后，却没法顺畅的异步获取到jsonp的信息。这里有几种可能因素： 1）手机的app在打开页面的时候会做很多控制，如 http/https 的控... 阅读全文

摘要：对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在 阅读全文

摘要：在iPhone/iPad等苹果移动设备上，可以把网站”添加至主屏幕”，添加时的图标可以在HTML中自定义设置图片。可以使用apple-touch-icon和apple-touch-icon-precomposed这两种方法，两者区别是：使用apple-touch-icon属性为“增加一层透明高光层的图标”使用apple-touch-icon-precomposed属性为“设计原图图标” 阅读全文

摘要：什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤 到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的Safari 浏览器最新引进了viewport这个metatag，让网页开发者来控制viewport的大小和缩放，其他手机浏览器也基本支持。Viewport基础一个常用的针对移动网页优化过的页面的viewportmeta标签大致如下：width：控制viewport的大小，可以指定的一个值，如果600，或者特殊的值，如de 阅读全文