響應式網站已經可(kě)以預見到是當前網站建設的大趨勢，但是ie8以下的版本對于響應式的媒體(tǐ)查詢不支持，雖然有(yǒu)間接的方式來曲線(xiàn)救國(guó)，但是畢竟是不支持，所以最終還是會有(yǒu)這樣或者那樣的問題。

　　其實這就跟現在有(yǒu)人拿(ná)着諾基亞手機說微信支持是一樣的，注定淘汰的ie6,ie7，與其費力去兼容，還不如在低版本做個提示。

　　那麽網站如何設置内容，ie8以下提示，或者ie8以上才顯示呢(ne)?

1、hack

<!--[if lt IE 8]>
<div>為了提供您最佳的瀏覽體驗，建議升級到最新(xīn)版本或更換瀏覽器。注意：低版本的瀏覽器可(kě)能(néng)會影響頁面設計。</div>
<![endif]-->

百度一下hack這種方法是最多(duō)的，但是IE11仿真測試了沒有(yǒu)效果，手頭暫時沒真實的浏覽器可(kě)供測試,暫且先寫在這裏吧。

2、腳本檢測

var BrowserDetect = {
    init: function() {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent) ||
            this.searchVersion(navigator.appVersion) ||
            "an unknown version";
    },
    searchString: function(data) {
        for(var i = 0; i < data.length; i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if(dataString) {
                if(dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            } else if(dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function(dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if(index == -1) return;
        return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
    },
    dataBrowser: [{
            string: navigator.userAgent,
            subString: "Chrome",
            identity: "Chrome"
        },
        {
            string: navigator.vendor,
            subString: "Apple",
            identity: "Safari",
            versionSearch: "Version"
        },
        {
            prop: window.opera,
            identity: "Opera",
            versionSearch: "Version"
        },
        {
            string: navigator.userAgent,
            subString: "Firefox",
            identity: "Firefox"
        },
        {
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Explorer",
            versionSearch: "MSIE"
        },
        {
            string: navigator.userAgent,
            subString: "Gecko",
            identity: "Mozilla",
            versionSearch: "rv"
        },
        { // for older Netscapes (4-)
            string: navigator.userAgent,
            subString: "Mozilla",
            identity: "Netscape",
            versionSearch: "Mozilla"
        }
    ],
};
BrowserDetect.init();

$(document).ready(function() {
    if(BrowserDetect.version <= 7 && BrowserDetect.browser == "Explorer") {
        $("body").html("<div class=\"text-center\">為了提供您最佳的瀏覽體驗，建議升級到最新(xīn)版本或更換瀏覽器。注意：低版本的瀏覽器可(kě)能(néng)會影響頁面設計。</div>")
    }
});