Bootstrap

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

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

;