关于viewport

关于viewport

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

width：控制 viewport 的大小，能够指定的一个值，若是 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也便是当页面第一次 load 的时候缩放比例。
maximum-scale：容许用户缩放到的最大比例。
minimum-scale：容许用户缩放到的最小比例。
user-scalable：用户是否能够手动缩放

来源---转载至>

viewport
可视视口 ： 能够看到的内容（根据手机来决定像素）
布局视口 ： 虚拟加载出来的视口（默认像素）
理想视口 ： 在设备上的最佳视口，按照布局视口来决定（现行的标准）

响应式设计

• 渐进加强(在已有的基础上进行完善兼容其余可用的地方）
• 优雅降级（设计好最佳的方法，在对不可以使用的地方进行修剪，使其能知足要求达到设计要求）
• 先针对什么设备进行设计
• 对支持的浏览器进行设计
• 设备不一样是否包含相同的内容

项目的规范化，有组织化

• robots.txt : 约定爬虫机器人搜索的范围
• humans.txt : 项目的相关参与人员及代表

www.humanstxt.org.cn          -> humans.txt文档的要求
www.bitbug.com  icon logo图片 -> 制做网站的图标icon

• 编辑器：webStorm
• .editorconfig 约定编码的格式，规则
• .gitignore 版本管理
• README.md 项目简介
• CHANGELOG.md 更新信息
• browsehappy.com 浏览器版本更新

Ie - ie浏览器模式和文档模式的选用 meta标签写法