標籤：
1、解決相容性問題
(1)頁面最頂部必須定義：<!DOCTYPE html>
(2)點擊：下載 respond.js 檔案
(3)引入<script src="respond.js"></script>；respond.js必須在樣式表之後引用：
(4)頁面必須在伺服器環境中運行，直接開啟用不了
2、使用css3判斷視窗大小設定不同樣式：
舉個例子：
/*寬度小於500px時；背景為紅色*/
@media screen and (max-width:500px){
body{background:red;}
}
/*寬度在500px-800px之間時候；背景為藍色*/
@media screen and (min-width: 500px) and (max-width: 800px){
body{background:blue;}
}
/*寬度大於800px時；背景為綠色*/
@media screen and (min-width:800px){
body{background:green;}
}
這裡要注意，這裡的樣式必須是引用的外部樣式，直接寫在頁面裡的不可以
可以點擊：執行個體下載 ，有我做好並測試通過的執行個體。
出自：http://www.bjishu.com/using-ie-css3htc-make-compatible-response-page
解決@media screen （自適應）IE瀏覽器不相容問題
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
