最近兩周寫了幾個頁面，雖然看起來很簡單，但是也考慮到了ie8的相容性、不同螢幕尺寸的適配性以及其它的一些方面，所以也算是小有收穫。下面就把寫**過程中遇到的各種問題和解決方案記錄下來。
這一句是指ie系列瀏覽器以其最高版本執行，而不是相容模式；同時讓安裝了chrome frame的瀏覽器開啟chrome frame的渲染模式。
ie=edge這一句對低於11的ie都有效，ie11則預設開啟此選項。如果寫成ie=9; ie=8; ie=7這種形式，則各版本ie均以自身版本的模式執行，而不是向下相容。就實際應用而言，建議還是採用ie=edge這種形式。
「x-ua-compatible」 content=「ie=9; ie=8; ie=7; ie=edge」
移動端瀏覽器為了保證pc端頁面能夠正常顯示，在乙個虛擬的「視窗」（viewport）中渲染頁面，viewport通常是比頁面要寬的，這樣才能保證整個頁面都顯示在移動端瀏覽器中。在移動端瀏覽器裡面，使用者縮放檢視頁面時，頁面整體布局是不變的。
一般來說，為了保證頁面能在移動端瀏覽器裡面正常顯示，都會加上下面這麼一行。
上面這一行中，width屬性設定視口的寬度等於裝置的寬度，按css畫素來說的話，就是100%的比例。這樣設定了之後，頁面在寬度這個方向上的所有內容就完整展示在瀏覽器中了。initial-scale屬性設定頁面初次載入完成後的縮放級別為1，這個就沒什麼可說的了。至於是否要加上禁止使用者縮放的user-scalable=0，就見仁見智了。
iphone和一部分安卓裝置的螢幕尺寸為3~4英吋（7~10厘公尺），物理畫素為320~480（大約是160dpi）。對web開發者來說，手機在豎直狀態下的寬度就是320px，開發者就可以根據這個尺寸來設計網頁，但是還要考慮手機在水平狀態時的頁面效果，以及ipad和安卓平板上的頁面效果。
在160dpi下設計的頁面，在240dpi的螢幕中，設定了initial-scale=1屬性之後，頁面會縮放至原始大小的150%。文字自然會更加清晰、銳利，但是點陣圖就可能會變模糊了，那麼為了保證在這兩種dpi下都有很好的顯示效果，就需要按照最終尺寸的150%（或者200%，如果還要考慮retina屏320dpi的蘋果裝置的話）來設計頁面了，並通過css或者視口來根據裝置實際情況對頁面進行合理縮放。
移動前端開發之viewport的深入理解
為什麼要用normalize.css而不是css reset？官網上總結了以下幾點：
保留有用的瀏覽器預設樣式；
將一大批html元素的樣式進行規範化；
修正瀏覽器的bug並保證各瀏覽器的一致性；
通過細微的改進，來提公升可用性；
在**中用注釋和詳盡的文件加以解釋，讓開發者知其所以然。
除此之外，normalize.css還支援ie8及更高的版本，和自己的開發需求也是相符的。
to be continued...
CSS 設計頁面
viewport 當頁面內容超過容器大小，頁面上當前顯示出來的區域 block level 實現座標定位，如p,div.相鄰的block level元素往往從上到下垂直排列，包含的元素要麼全為block level，要麼全為inline level inline level 不能定位但可以包含其他同...
http 頁面設計
robots.txt 標題1 頁面權 標題2size 6 color 0066cc face 方正舒體,方正姚體 連字型設定 大小6 顏色 字型為 如果有第乙個則用第乙個，沒有用第二個 軟體培訓 大於號 小於號 加粗 ddddrobots.txt 空格 雙引號 英文 的范德薩 傾斜 加下劃線 上標 ...
頁面設計原則
頁面設計原則 web作為出版物的一種，同其他出版物如報紙，雜誌等在設計上有許多共同之處，也要遵循一些設計的基本原則，不同之處在於每章提到的web的 非所見即所得 特性和互動性。因此，熟悉一些設計的基本原則，再對web的特殊性作一些考慮，便不難設計出美觀大方的頁面來。如果有美術設計基礎，對web頁面的...