1、Meta 之 viewport
说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢?
viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域
。对于传统WEB页面来说,980...
分类:
移动开发 时间:
2014-12-04 13:33:07
阅读次数:
220
下面是从Asp.net 后台添加CSS、JS、Meta标签的写法,我们这里写成函数方便以后使用。如果函数放在页面类中, Page参数也可以不要。首先导入命名空间 using System.Web.UI.HtmlControls; /// /// 添加JS脚本链接 /// /// 页面 /// 路.....
分类:
Web程序 时间:
2014-12-02 14:52:53
阅读次数:
179
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;第二个meta标签是iphone设备中的safari私有m...
分类:
移动开发 时间:
2014-11-27 10:34:57
阅读次数:
261
浏览器缓存总共有5个方法:1.Pragma关键字,这是非HTTP协议定义的缓存机制,使用HTML Meta标签,Web开发者可以在HTML页面的节点中加入标签,代码如下:上述代码的作用是告诉浏览器当前页面不被缓存,每次访问都需要去服务器拉取。使用上很简单,但只有部分浏览器可以支持,而且所有缓存代理服...
分类:
其他好文 时间:
2014-11-25 16:12:14
阅读次数:
219
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;第二个meta标签是iphone设备中的safari私有m...
分类:
移动开发 时间:
2014-11-25 15:44:54
阅读次数:
186
三个月前曾写过一篇跨终端响应式页面设计入门的博客,上了博客园头条也得到了不少关注,今天想在这篇博客的基础上,继续写一篇进阶的文章。补充基于“入门”一文,我想再补充几个基础知识点,主要都是针对iOS的meta标签:⑴允许全屏浏览页面的标签:⑵ safari顶端状态栏样式定义/隐藏: ⑶ios会把...
分类:
移动开发 时间:
2014-11-24 20:40:58
阅读次数:
200
一、第一步:Meta标签 大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。...
分类:
其他好文 时间:
2014-11-21 16:48:15
阅读次数:
197
format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:metaname="format-detection"content="telephone=no"metaname=...
分类:
Web程序 时间:
2014-11-16 14:38:35
阅读次数:
198
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?1、Meta 之 viewport说到移动平台meta标签,那就不得不说一下v...
分类:
移动开发 时间:
2014-11-13 20:37:54
阅读次数:
210
浏览器内核控制Meta标签说明文档
背景介绍
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运...
分类:
其他好文 时间:
2014-11-13 10:55:20
阅读次数:
232