關於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標籤寫法