背景：
問題：
1. 頁面在iphone下出現左右滑動的問題；
2.頂部標題在iphone4/4s下寬度不能100%；
3. iphone4/4s下在input彈出輸入法時，不支援position:fixed的問題（即 本來固定在頂部的選單下移）；
分析：
viewport說明：
頁面使用了viewport meta 標籤， 。
其中，width：控制 viewport 的大小（即頁面的寬度），可以指定乙個值，或者用特殊的值 device-width 為裝置的寬度。
user-scalable：使用者是否可以手動縮放。
為了保證在不同移動裝置下保持一致性，設定width=320，即頁面寬度為320px。
viewport的一些問題：
對於iphone，如果width定義為指定值，而當頁面最寬的位置超過width時，width無效，仍按最寬的寬度來顯示（出現左右滑動的問題）。
經過測試發現，當頁面高度高於一屏，出現縱向滾動條，這時左右滾動問題會消失！所以可以利用這個為iphone做相容**。
position:fixed說明：
頂部和底部選單，使用了fixed絕對定位，是相對於瀏覽器視窗進行定位，不受viewport的限制。如果設定position: static就會受viewport width的限制。
所以，把設定
position: static，並且把選單的寬度由100%改為固定值。
解決辦法：
問題1. 把高度設為110%，出現縱向滾動條，解決左右滾動的問題；
.container問題3. 為
iphone4/4s寫相容性**，把position:fixed改為static；
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2)
}
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...
Web前端常見相容性問題
一 a偽類 二 border solid 實線 dashed 虛線 dotted 點線 ie6不相容 三 display inline block 四 ie6雙邊距bug a ie6 b 浮動 c 橫向margin d 塊屬性標籤 加display inline 解決辦法 display inlin...
相容性問題
原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6，7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬，或者完全不用，用position和js模擬 4.cursor ha...