响应式布局以及移动端网页的一些琐事

meta标签

meta元素提供页面相关的元信息，比如针对搜索引擎和更新频率的描述和关键词。

• 必要属性 content ：提供http-equiv和name属性相关的的元信息，content必须配合这两个属性一起使用
• 可选属性为name，http-equiv。

name属性

name属性可选值为keywords,description等，将content内容关联在这个名称上，eg：

这行代码提供了网页包含的关键字，有利于搜索引擎的检索。

http-equiv

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
使用带有 http-equiv 属性的 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

这样发送到浏览器的头部就应该包含：

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

当然，只有在浏览器可以接受这些附加的头部字段，并且能正确使用它们的时候，才有意义

移动端的一些头标签

``

在桌面开发的时候可以让IE浏览器以最新的模式渲染页面.
viewport

viewport的属性有很多
content 参数：

• width viewport 宽度(数值/device-width)
• height viewport 高度(数值/device-height)
• initial-scale 初始缩放比例
• maximum-scale 最大缩放比例
• minimum-scale 最小缩放比例
• user-scalable 是否允许用户缩放(yes/no)
  语言属性lang