基本属性: 我是为了测试移动端效果,才加的meta标签,可以去掉。体验pc端的效果。个人感觉pc端效果更好,移动端可以将就这用。 此为重要参数,不同类型层的总开关,若为type:0则不需要配置,其它类型层在调用时必须设置type。 下面这些是为了凑字数: <!DOCTYPE html><html> ...
分类:
Web程序 时间:
2016-06-22 15:36:20
阅读次数:
734
meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 一、<meta name="viewport" content="width=device-width ...
分类:
Web程序 时间:
2016-06-21 17:19:58
阅读次数:
177
首先是处理IE8、9等的兼容问题,注意以下几点: 1,尽可能严格要求自己使用w3c推荐的方式编写html/css 2,在html页面顶部添加<!DOCHTML html>,不清楚请查看参考/推荐博客 3,使用meta标签调节浏览器的渲染方式<meta http-equiv="X-UA-Compati ...
分类:
Web程序 时间:
2016-06-16 17:59:08
阅读次数:
197
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就 ...
分类:
移动开发 时间:
2016-06-16 17:57:36
阅读次数:
248
media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://cs ...
分类:
Web程序 时间:
2016-06-14 23:53:52
阅读次数:
214
一、什么是meta标签? meta是html语言head区的一个辅助性标签。它的功能还是有一定的作用的,稍微细心一点的朋友都会看到几乎所有的网页里,都包涵类似下面这段的html代码: <head><meta http-equiv="content-Type" content="text/html; ...
分类:
Web程序 时间:
2016-06-13 15:35:26
阅读次数:
3515
无意间在一个网站上看到的,本来是对另一个效果感兴趣的,结果看到这个放开来的js就读了一下。 这个js只做了一件事,如果设备是iphone的话,就把缩放设置为1.0,而一旦发生手势事件的时候就把缩放设置为0.25-1.6。 这种动态获取meta标签寻找viewport的方法还蛮独特的,以前没见过,记录 ...
分类:
Web程序 时间:
2016-06-10 23:06:03
阅读次数:
590
网页的摘要信息 网页的摘要信息一般放在html文档的head区域内容,主要通过<title>标签和<meta>标签。 <title>标签 用来描述网页的标题,在浏览器窗口的标题栏显示网页标题 <meta/>标签 是head区的一个辅助性标签,meta标签共有两个属性: 注:不同的属性有不同的参数值, ...
分类:
Web程序 时间:
2016-06-07 14:29:21
阅读次数:
209
meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码:
<head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</head>
也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入...
分类:
Web程序 时间:
2016-06-06 17:10:52
阅读次数:
288
html样式:本文演示如何在head中添加样式信息使文本格式化 运行效果: 没有下划线的链接: 说明:1.通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。是网页Html语言里Hea ...
分类:
Web程序 时间:
2016-06-04 19:26:18
阅读次数:
170