主流瀏覽器有5種：ie、chrome、firefox、safari、opera.
瀏覽器相容
瀏覽器私有字首
-moz- 火狐瀏覽器
-webkit- 360、蘋果、獵豹、搜狗、qq、 chrome等瀏覽器
-o- opera/歐朋瀏覽器
響應式布局方法
百分比布局
bootstrap柵格系統
flex 伸縮盒布局
**查詢
綜合：流式布局和彈性布局及配合**查詢 是 響應性布局的最好方式。
**查詢方法：
螢幕使用screen;裝置使用print;手機裝置使用device-width
window.screen 命令包含顯示裝置的資訊
screen.height / screen.width 兩個命令，用來了解裝置的解析度
head標籤中需要引入：
具體含義如下：
width: 控制viewport的大小。如device-width為裝置的寬度。
height: 和width相對應，指定高度。
initial-scale: 初始縮放比例，頁面第一次載入時的縮放比例。
maximum-scale 允許使用者縮放到的最大比例，範圍從0到10.0
minimum-scale: 允許使用者縮放到的最小比例，範圍從0到10.0
user-scalable： 使用者是否可以手動縮放，值可以是: yes,ture 可以縮放；no,false 不可以縮放；
關於media query瀏覽器的相容性，除了ie8及其以下的瀏覽器不支援，其他的主流瀏覽器基本上都支援
型別基準字型
字型區間
國外官網類
18~16px
大字型 ≈30px 標題字型 22px~18px正文本型 18~14px底部最小字型 14~12px
網購類14~12px
標題 16px正文 14~12px底部最小字型 12px
國內**類
16px
標題 22px~18px正文 18~16px附加資訊 12px底部最小字型 12px
行高為 1.3、1.35、1.45、1.5
一、關於獲取ie瀏覽器版本的方法：
// ie版本號
function ieversion() else if (fieversion == 8) else if (fieversion == 9) else if (fieversion == 10) else
} else if (isedge) else if (isie11) else
}
瀏覽器相容問題
我經常看到一些人提問說網頁錯位，和在火狐裡面看上去網頁是好的，在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...
瀏覽器相容問題
給近兩天的工作乙個總結，給這週劃上句號。工作中遇到了在google顯示的很好的介面，在ie顯示的不是很好，但還能看，僅僅是顏色和和位置錯位，在360瀏覽器下看就是真的錯誤太大了，不顯示，樣式也亂了，於是走上解決瀏覽器相容之路。思路1 對應每個瀏覽器寫個css，判斷之，工作量太大，放棄。思路2 針對每...
瀏覽器相容問題
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同 段 有不同的解析，造成 顯 效果不統 的情況。在 多 數情況下，我們的需求是，論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統，都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...