jsp頁面在IE8下文本模式自動為“雜項（Quirks）”導致頁面顯示錯位

-Advertisement-

最近在修改網站的響應式的頁面時，由於都是套樣式頁面，修改過程都是粘貼複製，導致了一些細節問題在IE8下暴露出來：遇到的問題就是在在Chrome，火狐頁面都正常，唯獨在IE8下頁面樣式顯示亂樣了，但是本地就顯示正常，Tomcat緩存也清楚了，再加上自己也是個小白，周末平靜了一天半終於找到問題的源頭了 ...

最近在修改網站的響應式的頁面時，由於都是套樣式頁面，修改過程都是粘貼複製，導致了一些細節問題在IE8下暴露出來：

遇到的問題就是在在Chrome，火狐頁面都正常，唯獨在IE8下頁面樣式顯示亂樣了，但是本地就顯示正常，Tomcat緩存也清楚了，再加上自己也是個小白，周末平靜了一天半終於找到問題的源頭了，其實解決辦法也很簡單，如圖：

我最初是將小腳本寫在<!DOCTYPE html>文檔都上方的，但是在IE8瀏覽文本模式預設就編程了“Quirks”模式，顯示不正常，後來改成了寫在文檔頭下方就可以正常顯示了，經過這次吸取了教訓，也希望給遇到此類問題的同學一個借鑒的靈感！

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

jquery插件方式實現table查詢功能

1.寫插件部分，如下： ;(function($){ $.fn.plugin = function(options){ var defaults = { //各種屬性，各種參數 } var options = $.extend(defaults, options); this.each(functi ...
bootstrap源碼分析之scrollspy（滾動偵聽）

源碼文件： Scrollspy.js 實現功能 1、當滾動區域內設置的hashkey距離頂點到有效位置時，就關聯設置其導航上的指定項2、導航必須是 .nav > li > a 結構，並且a上href或data-target要綁定hashkey3、菜單上必須有.nav樣式4、滾動區域的data-tar... ...
對象轉換為原始值

首先，我們要明白原始值得概念 ...
javascript基礎學習（七）

javascript之Object對象學習要點：創建Object對象 Object對象屬性 Object對象方法一、創建Object對象 new Object(); new Object(value);如：new Object(false);new Object("str");new Obje ...
JavaScript:單體內置對象

JavaScript中定義了兩個單體內置對象：Global和Math。 Global對象 Global對象是JavaScript中最特別的一個對象。不屬於任何其他對象的屬性和方法，最終都是它的屬性和方法。實際上，沒有全局變數或全局作用域，所有在全局作用域中定義的屬性和函數，都是Global對象的屬性 ...
TweenMax動畫庫學習(六)

目錄 TweenMax動畫庫學習(一) TweenMax動畫庫學習(二) TweenMax動畫庫學習(三) TweenMax動畫庫學習(四) TweenMax動畫庫學習(五) TweenMax動畫庫學習(六) 上一節我們主要聊了TweenMax動畫庫中的currentLabel()：獲取當前狀態、g ...
valueOf()方法

[1]Undefined、Null [2]Boolean [3]String [4]Number [5]Object [6]Function [7]Array [8]Date [9]RegExp [10]Error ...
javascript基礎學習（六）

javascript之對象學習要點：對象的屬性和方法對象的原型一、對象對象其實就是一種引用類型，而對象的值就是引用對象的實例。二、創建對象在javascript中有兩種對象，一種是系統內置對象，另一種是用戶自己創建的對象。 1、使用構造函數創建內置對象在javascript中有很多內 ...