三个月前曾写过一篇跨终端响应式页面设计入门的博客，上了博客园头条也得到了不少关注，今天想在这篇博客的基础上，继续写一篇进阶的文章。基于“入门”一文，我想再补充几个基础知识点，主要都是针对iOS的meta标签：⑴允许全屏浏览页面的标签：⑵safari顶端状态栏样式定义/隐藏：⑶ios会把类似电话号码的数字变为可点击并添加到电话的连接，我们可以这样禁用它：另外还有一个个性化的link标签，它支持用户将网页创建快捷方式到桌面时，其图标变为我们自己定义的图标。比如手机腾讯网上的标签：不过腾讯对这个png

跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面，常规来讲一个跨终端页面，在宽屏的电脑上看和在小屏幕手机上看的布局是不同的，布局不同的原因是为了让读者更好地阅读你的页面，见下图：这里有点要提到的是，我们常规会将PC版的页面和移动端设备的页面独立开来设计，这样会让PC端的页面布局更灵活和好维护。如果你希望你的页面能适配包括PC端在内的任何设备，那么下面几个小工具可以方便你顾及旧版本IE所存在的困扰：⑴IE8-不能识别HTML5的、、、等标签，可以通过html5.js来解决：然后将下

三个月前曾写过一篇跨终端响应式页面设计入门的博客，上了博客园头条也得到了不少关注，今天想在这篇博客的基础上，继续写一篇进阶的文章。基于“入门”一文，我想再补充几个基础知识点，主要都是针对iOS的meta标签：⑴允许全屏浏览页面的标签：⑵safari顶端状态栏样式定义/隐藏：⑶ios会把类似电话号码的数字变为可点击并添加到电话的连接，我们可以这样禁用它：另外还有一个个性化的link标签，它支持用户将网页创建快捷方式到桌面时，其图标变为我们自己定义的图标。比如手机腾讯网上的标签：不过腾讯对这个png