您當前的位置:首頁 > 寵物

47種常見的瀏覽器相容性問題大彙總

作者:由 廢柴英雄 發表于 寵物時間:2017-10-16

瀏覽器相容性問題大彙總ØJavaScript31。HTML物件獲取問題32。const問題33。event。x與event。y問題34。window。。。。

http://www。

w3cfuns。com

› 。。。2015年12月14日

大家還搜

瀏覽器相容性面試題

js瀏覽器相容性問題

css相容性問題

前端最佳化14個性能規則

前端面試中如何回答“談談瀏覽器相容性”的問題? - 知乎

很多前端的面試或筆試中,都有比較籠統的“說說你所知道的各瀏覽器存在的相容問題”,個人感覺這個問題問的太。。。

http://

m。zhihu。com

› question2017年2月8日

前端開發要注意的瀏覽器相容性問題整理 - 筆記 - 前端。。。。

首先,我們要知道,為什麼各瀏覽器會產生相容性問題?產生這個問題的主要原因是市面上的瀏覽器的種類。。。

http://www。

w3cfuns。com

› 。。。2016年2月24日

常見瀏覽器相容性問題與解決方案 - chuyuqi。。。_CSDN部落格

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段程式碼有不同的解析,造成頁面顯示效果不統一的情況。。。。

http://

m。blog。csdn。net

› 。。。2014年7月8日

【web前端開發】瀏覽器相容性處理大全 - 趙一。。。_部落格園

【web前端開發】瀏覽器相容性處理大全 1、居中問題 div裡的內容,IE預設為居中,而FF預設為左對齊,可以嘗試。。。

http://www。

cnblogs。com

› 0351jiazhuang › 。。。

其他人還在搜

js瀏覽器相容性問題

面試前端相容性問題

前端效能最佳化

常見瀏覽器相容性問題

前端PC端相容性問題總結 - juqian - 部落格園

前端PC端相容性問題總結 1。如果圖片加a標籤在IE9-中會有邊框 解決方案: 1 img{border:none;} 2。。。。

http://www。

cnblogs。com

› juqian › 。。。

前端相容性問題總結及前端詳細筆記總結 - B。。。_CSDN部落格

• Python基礎知識彙總 • 前端PC端相容性問題。。。前端相容性問題總結及前端詳細筆記總結(907) 使用H5。。。

http://

m。blog。csdn。net

› 。。。2016年11月3日

前端PC端相容性問題總結 - CSDN部落格

前端相容性問題總結1。圖片 img 標籤,在IE瀏覽器下會有空白 解決辦法:display:block; 2。 IE6 下父級沒。。。

http://

m。blog。csdn。net

› 。。。2017年1月11日

展開其餘3條結果

您可能還需要

相關軟體

ie瀏覽器

微軟推出的網頁瀏覽器

ie7

經典的IE瀏覽器

ie11

微軟開發的網頁瀏覽器

谷歌瀏覽器

廣泛使用的瀏覽器

google人體瀏覽器

用捲軸探索人的身體

ie6

與XP一起退役的瀏覽器

ie9

出色的安全和隱私保護

ie核心瀏覽器

只有它能開啟所有網頁

相容性檢視

解決IE8網站相容問題

js指令碼

伺服器指令碼語言

史上最全前端面試題(含答案) - Web開發面試題

HTML+CSS

1。對WEB標準以及W3C的理解與認識

標籤閉合、標籤小寫、不亂嵌。。。

職友集2015年10月30日

【CSS】怎麼解決瀏覽器相容性問題

Dreamweaver CSS百度經驗:

http://

jingyan。baidu。com

方法/步驟 1 不同瀏覽器對HTML標記所具有的內外邊距屬性具有不同的定義。 因此如果想消除這種差距,應該在相應的CSS部分 。。。

百度經驗2013年08月18日

AJAX工作原理及其優缺點 - SanMaoSpace

同時很多的處理工作可以在發出請求的客戶端機器上完成,所以Web伺服器的處理時間也減少了。 3。AJAX的工作原理Ajax的工作原理相當於在使用者和伺服器之間加了—箇中間層( 。。。

部落格園2013年06月15日

怎麼設定瀏覽器相容模式

怎麼設定瀏覽器相容模式,現在系統安裝wi8或wi7的電腦,系統自帶的IE一般為9。0或10。0,但有些網頁需要我們在8。0或6。0的版本上開啟,如何設定瀏覽器的相容模式呢?現在 。。。

百度經驗2013年12月28日

Javascript模組化程式設計(一):模組的寫法

但是,Javascript不是一種模組化程式語言,它不支援“類”(class),更遑論“模組”(module)了。(正在制定中的ECMAScript標準第六版,將正式支援“類”和“模組”,但還需要很 。。。

2012年10月26日

AngularJS 教程 | 菜鳥教程

AngularJS 教程 AngularJS 透過新的屬性和表示式擴充套件了 HTML。 AngularJS 可以構建一個單一頁面應用程式(SPAs:Single Page Applications)。 AngularJS 學習起來非常簡單。 。。。

2017年10月16日

Web前端崗位面試題有哪些?

這篇文章是對我大四秋招以來面試的總結,裡面包含前端面試知識的方方面面,目前本人已經拿到騰訊offer,希望能對後面找工作的學習學妹們有所幫助。 騰訊面試對基礎比較看 。。。

知乎網2017年10月16日

相關術語

前端開發

從網頁製作演變而來

c++

計算機程式語言

程式語言

用於向計算機發出指令

陣列

按一定順序排列的集合

eclipse

整合開發環境

sql注入攻擊

駭客對資料庫進行攻擊

多執行緒

程式設計中多工同時執行

原始碼

最原始程式的程式碼

網路程式設計

使用套接字的程式設計

結構化查詢語言

資料庫查詢和程式語言

ajax

一種網頁開發技術

eval

計算字串表示式的值

相關搜尋

web前端相容性面試題前端ie相容性問題彙總web前端瀏覽器相容問題前端網頁相容性問題js前端相容性問題前端面試題及答案2017web前端相容面試題瀏覽器相容性問題前端相容性面試題前端的相容性處理

下一頁



使用前必讀使用者反饋

Baidu 京ICP證030173號

首頁

筆記

話題

發現

教程

47種常見的瀏覽器相容性問題大彙總

瀏覽器相容性問題大彙總

Ø JavaScript 3

1。 HTML物件獲取問題 3

2。 const問題 3

3。 event。x與event。y問題 3

4。 window。location。href問題 3

5。 frame問題 3

6。 模態和非模態視窗問題 3

7。 firefox與IE的父元素(parentElement)的區別 3

8。 document。formName。item(”itemName”) 問題 3

9。 集合類物件問題 3

10。 自定義屬性問題 3

11。 input。type屬性問題 3

12。 event。srcElement問題 3

13。 body載入問題 3

14。 事件委託方法 3

15。 Table操作問題 3

16。 物件寬高賦值問題 3

Ø CSS 3

1。 cursor:hand VS cursor:pointer 3

2。 innerText在IE中能正常工作,但在FireFox中卻不行。 3

3。 CSS透明 3

4。 css中的width和padding 3

5。 FF和IE BOX模型解釋不一致導致相差2px 3

6。 IE5 和IE6的BOX解釋不一致 3

7。 ul和ol列表縮排問題 3

8。 元素水平居中問題 3

9。 Div的垂直居中問題 3

10。 margin加倍的問題 3

11。 IE與寬度和高度的問題 3

12。 頁面的最小寬度 3

13。 DIV浮動IE文字產生3象素的bug 3

14。 IE捉迷藏的問題 3

15。 float的div閉合;清除浮動;自適應高度 3

16。 高度不適應 3

17。 IE6下圖片下有空隙產生 3

18。 對齊文字與文字輸入框 3

19。 LI中內容超過長度後以省略號顯示 3

20。 為什麼web標準中IE無法設定捲軸顏色了 3

21。 為什麼無法定義1px左右高度的容器 3

22。 連結(a標籤)的邊框與背景 3

23。 超連結訪問過後hover樣式就不出現的問題 3

24。 FORM標籤 3

25。 屬性選擇器(這個不能算是相容,是隱藏css的一個bug) 3

26。 為什麼FF下文字無法撐開容器的高度 3

27。 關於空格的解釋

28。 條件註釋

29。 強制渲染

30。 js相容檔案

31。 瀏覽器識別符

Ø JavaScript

1。 HTML物件獲取問題

FireFox:document。getElementById(“idName”);

ie:document。idname或者document。getElementById(“idName”)。

解決辦法:統一使用document。getElementById(“idName”);

2。 const問題

說明:Firefox下,可以使用const關鍵字或var關鍵字來定義常量;

IE下,只能使用var關鍵字來定義常量。

解決方法:統一使用var關鍵字來定義常量。

3。 event。x與event。y問題

說明:IE下,event物件有x,y屬性,但是沒有pageX,pageY屬性;

Firefox下,event物件有pageX,pageY屬性,但是沒有x,y屬性。

解決方法:使用mX(mX = event。x ? event。x : event。pageX;)來代替IE下的event。x或者Firefox下的event。pageX。

4。 window。location。href問題

說明:IE或者Firefox2。0。x下,可以使用window。location或window。location。href;

Firefox1。5。x下,只能使用window。location。

解決方法:使用window。location來代替window。location。href。

5。 frame問題

以下面的frame為例:

(1)訪問frame物件:

IE:使用window。frameId或者window。frameName來訪問這個frame物件。 frameId和frameName可以同名。

Firefox:只能使用window。frameName來訪問這個frame物件。

另外,在IE和Firefox中都可以使用window。document。getElementById(“frameId”)來訪問這個frame物件。

(2)切換frame內容:

在 IE和Firefox中都可以使用window。document。getElementById(“testFrame”)。src = “xxx。html”或window。frameName。location = “xxx。html”來切換frame的內容。

如果需要將frame中的引數傳回父視窗(注意不是opener,而是parent frame),可以在frame中使用parent來訪問父視窗。例如:parent。document。form1。filename。value=“Aqing”;

6。 模態和非模態視窗問題

說明:IE下,可以透過showModalDialog和showModelessDialog開啟模態和非模態視窗;Firefox下則不能。

解決方法:直接使用window。open(pageURL,name,parameters)方式開啟新視窗。

如果需要將子視窗中的引數傳遞迴父視窗,可以在子視窗中使用window。opener來訪問父視窗。

例如:var parWin = window。opener; parWin。document。getElementById(“Aqing”)。value = “Aqing”;

7。 firefox與IE的父元素(parentElement)的區別

IE:obj。parentElement

firefox:obj。parentNode

解決方法: 因為firefox與IE都支援DOM,因此使用obj。parentNode是不錯選擇。

8。 document。formName。item(”itemName”) 問題

問題說明:IE下,可以使用document。formName。item(”itemName”) 或document。formName。elements [“elementName”];Firefox 下,只能使用document。formName。elements[“elementName”]。

解決方法:統一使用document。formName。elements[“elementName”]。

9。 集合類物件問題

問題說明:IE下,可以使用 () 或 [] 獲取集合類物件;Firefox下,只能使用 [ ]獲取集合類物件。

解決方法:統一使用 [] 獲取集合類物件。

10。 自定義屬性問題

問題說明:IE下,可以使用獲取常規屬性的方法來獲取自定義屬性,也可以使用getAttribute() 獲取自定義屬性;Firefox下,只能使用getAttribute() 獲取自定義屬性。

解決方法:統一透過getAttribute() 獲取自定義屬性。

11。 input。type屬性問題

問題說明:IE下input。type屬性為只讀;但是Firefox下input。type屬性為讀寫。

解決辦法:不修改input。type屬性。如果必須要修改,可以先隱藏原來的input,然後在同樣的位置再插入一個新的input元素。

12。 event。srcElement問題

問題說明:IE下,even物件有srcElement屬性,但是沒有target屬性;Firefox下,even物件有target屬性,但是沒有srcElement屬性。

解決方法:使用srcObj = event。srcElement ?event。srcElement : event。target;

如果考慮第8條問題,就改用myEvent代替event即可。

13。 body載入問題

問題說明:Firefox的body物件在body標籤沒有被瀏覽器完全讀入之前就存在;而IE的body物件則必須在body標籤被瀏覽器完全讀入之後才存在。

[注] 這個問題尚未實際驗證,待驗證後再來修改。

[注] 經驗證,IE6、Opera9以及FireFox2中不存在上述問題,單純的JS指令碼可以訪問在指令碼之前已經載入的所有物件和元素,即使這個元素還沒有載入完成。

14。 事件委託方法

問題說明:IE下,使用document。body。onload = inject; 其中function inject()在這之前已被實現;在Firefox下,使用document。body。onload = inject();

解決方法:統一使用document。body。onload=new Function(’inject()’); 或者document。body。onload = function(){}

[注意] Function和function的區別。

15。 Table操作問題

問題說明:ie、firefox以及其它瀏覽器對於 table 標籤的操作都各不相同,在ie中不允許對table和tr的innerHTML賦值,使用js增加一個tr時,使用appendChild方法也不管用。

解決方法://向table追加一個空行:

var row = otable。insertRow(-1);var cell = document。createElement(“td”);cell。innerHTML = “”;cell。className = “XXXX”;row。appendChild(cell);[注] 由於俺很少使用JS直接操作表格,這個問題沒有遇見過。建議使用JS框架集來操作table,如JQuery。

16。 物件寬高賦值問題

問題說明:FireFox中類似obj。style。height = imgObj。height的語句無效。

Ø CSS

1。 cursor:hand VS cursor:pointer

firefox不支援hand,但ie支援pointer

解決方法: 統一使用pointer

17。 innerText在IE中能正常工作,但在FireFox中卻不行。

需用textContent。

解決方法:

if(navigator。appName。indexOf(“Explorer”) > -1){

document。getElementById(‘element’)。innerText = “my text”;

} else{

document。getElementById(‘element’)。textContent = “my text”;

}

18。 CSS透明

IE:filter:progid:DXImageTransform。Microsoft。Alpha(style=0,opacity=60)。

FF:opacity:0。6。

opacity 透明,子元素會繼承透明屬性。解決方式:1、使用 background:rgba(0,0,0,。6) //IE8及以下無效果。 2、使用定位,背景色與子元素處於同級關係。

19。 css中的width和padding

在IE7和FF中width寬度不包括padding,在Ie6中包括padding。

20。 FF和IEBOX模型解釋不一致導致相差2px

box。style{width:100;border 1px;}

ie理解為box。width = 100

ff理解為box。width = 100 + 1*2 = 102 //加上邊框2px

解決方法:div{margin:30px!important;margin:28px;}

注意這兩個margin的順序一定不能寫反, IE不能識別!important這個屬性,但別的瀏覽器可以識別。所以在IE下其實解釋成這樣:div{maring:30px;margin:28px}

重複定義的話按照最後一個來執行,所以不可以只寫margin:XXpx!important;

21。 IE5 和IE6的BOX解釋不一致

IE5下div{width:300px;margin:0 10px 0 10px;}

div 的寬度會被解釋為300px-10px(右填充)-10px(左填充),最終div的寬度為280px,而在IE6和其他瀏覽器上寬度則是以 300px+10px(右填充)+10px(左填充)=320px來計算的。這時我們可以做如下修改 div{width:300px!important;width :340px;margin:0 10px 0 10px}

22。 ul和ol列表縮排問題

消除ul、ol等列表的縮排時,樣式應寫成:list-style:none;margin:0px;padding:0px;

經驗證,在IE中,設定margin:0px可以去除列表的上下左右縮排、空白以及列表編號或圓點,設定padding對樣式沒有影響;在 Firefox 中,設定margin:0px僅僅可以去除上下的空白,設定padding:0px後僅僅可以去掉左右縮排,還必須設定list- style:none才能去除列表編號或圓點。也就是說,在IE中僅僅設定margin:0px即可達到最終效果,而在Firefox中必須同時設定margin:0px、 padding:0px以及list-style:none三項才能達到最終效果。

23。 元素水平居中問題

FF: margin:0 auto;

IE: 父級{ text-align:center; }

24。 Div的垂直居中問題

vertical-align:middle; 將行距增加到和整個DIV一樣高:line-height:200px; 然後插入文字,就垂直居中了。缺點是要控制內容不要換行。

25。 margin加倍的問題

設定為float的div在ie下設定的margin會加倍。這是一個ie6都存在的bug。解決方案是在這個div裡面加上display:inline;

例如:

相應的css為

#imfloat{

float:left;

margin:5px;

display:inline;}

26。 IE與寬度和高度的問題

IE不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的瀏覽器裡這兩個值就不會變,如果只用min-width和min-height的話,IE下面根本等於沒有設定寬度和高度。

比如要設定背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:

#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

27。 頁面的最小寬度

如上一個問題,IE不識別min,要實現最小寬度,可用下面的方法:

#container{ min-width: 600px; width:expression(document。body。clientWidth< 600? “600px”: “auto” );}

第一個min-width是正常的;但第2行的width使用了Javascript,這隻有IE才認得,這也會讓你的HTML文件不太正規。它實際上透過Javascript的判斷來實現最小寬度。

28。 DIV浮動IE文字產生3象素的bug

左邊物件浮動,右邊採用外補丁的左邊距來定位,右邊物件內的文字會離左邊有3px的間距。

#box{ float:left; width:800px;}

#left{ float:left; width:50%;}

#right{ width:50%;}

*html #left{ margin-right:-3px; //這句是關鍵}

</div>

</div>

29。 IE捉迷藏的問題

當div應用複雜的時候每個欄中又有一些連結,DIV等這個時候容易發生捉迷藏的問題。

有些內容顯示不出來,當滑鼠選擇這個區域是發現內容確實在頁面。

解決辦法:對#layout使用line-height屬性或者給#layout使用固定高和寬。頁面結構儘量簡單。

30。 float的div閉合;清除浮動;自適應高度

① 例如:<div id=”floatA”><div id=”floatB”><div id=”NOTfloatC”>

這裡的NOTfloatC並不希望繼續平移,而是希望往下排。(其中floatA、floatB的屬性已經設定為float:left;)

這段程式碼在IE中毫無問題,問題出在FF。原因是NOTfloatC並非float標籤,必須將float標籤閉合。在<div class=”floatB”><div class=”NOTfloatC”>之間加上<div class=”clear”>這個div一定要注意位置,而且必須與兩個具有float屬性的div同級,之間不能存在巢狀關係,否則會產生異常。並且將clear這種樣式定義為為如下即可:。clear{clear:both;}

②作為外部 wrapper 的 div 不要定死高度,為了讓高度能自適應,要在wrapper裡面加上overflow:hidden; 當包含float的box的時候,高度自適應在IE下無效,這時候應該觸發IE的layout私有屬性(萬惡的IE啊!)用zoom:1;可以做到,這樣就達到了相容。

例如某一個wrapper如下定義:

。colwrapper{overflow:hidden; zoom:1; margin:5px auto;}

③對於排版,我們用得最多的css描述可能就是float:left。有的時候我們需要在n欄的float div後面做一個統一的背景,譬如:

</div>

</div>

</div>

比如我們要將page的背景設定成藍色,以達到所有三欄的背景顏色是藍色的目的,但是我們會發現隨著left center right的向下拉長,而page居然儲存高度不變,問題來了,原因在於page不是float屬性,而我們的page由於要居中,不能設定成float,所以我們應該這樣解決:

</div>

</div>

</div>

再嵌入一個float left而寬度是100%的DIV解決之。

或者另一種方法:用選擇器(:after)在page之後插入一個空標籤,並清除浮動

。page:after { content: “”; display: table; clear: both; }

④萬能float 閉合(非常重要!)

關於 clear float 的原理可參見 [How To Clear Floats Without Structural Markup],將以下程式碼加入Global CSS 中,給需要閉合的div加上class=“clearfix” 即可,屢試不爽。

。clearfix:after { content:“。”; display:block; height:0; clear:both; visibility:hidden; }

。clearfix { display:inline-block; }

。clearfix {display:block;}

或者這樣設定:。hackbox{ display:table; //將物件作為塊元素級的表格顯示}

31。 高度不適應

高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節,特別是當內層物件使用margin 或padding時。

例:

#box {background-color:#eee; }

#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }

p物件中的內容</p>

解決技巧:在P物件上下各加2個空的div物件CSS程式碼{height:0px;overflow:hidden;}或者為DIV加上border屬性。

32。 IE6下圖片下有空隙產生

解決這個BUG的技巧有很多,可以是改變html的排版,或者設定img為display:block或者設定vertical-align屬性為vertical-align:top/bottom/middle/text-bottom 都可以解決。

33。 對齊文字與文字輸入框

加上vertical-align:middle;

經驗證,在IE下任一版本都不適用,而ff、opera、safari、chrome均OK!

34。 LI中內容超過長度後以省略號顯示

此技巧適用與IE、Opera、safari、chrom瀏覽器,FF暫不支援。

35。 為什麼web標準中IE無法設定捲軸顏色了

解決辦法是將body換成html

39。 FORM標籤

這個標籤在IE中,將會自動margin一些邊距,而在FF中margin則是0,因此,如果想顯示一致,所以最好在css中指定margin和 padding,針對上面兩個問題,我的css中一般首先都使用這樣的樣式ul,form{margin:0;padding:0;}。

40。 屬性選擇器(這個不能算是相容,是隱藏css的一個bug)

p[id]{}div[id]{}

這個對於IE6。0和IE6。0以下的版本都隱藏,FF和OPera作用。屬性選擇器和子選擇器還是有區別的,子選擇器的範圍從形式來說縮小了,屬性選擇器的範圍比較大,如p[id]中,所有p標籤中有id的都是同樣式的。

41。 為什麼FF下文字無法撐開容器的高度

標準瀏覽器中固定高度值的容器是不會象IE6裡那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設定呢?辦法就是去掉height設定min-height:200px; 這裡為了照顧不認識min-height的IE6 可以這樣定義:

{

height:auto!important;

height:200px;

min-height:200px;

}

43。 IE和FireFox 對空格的尺寸解釋不同,FireFox為4px,IE為8px; FireFox對div與div之間的空格是忽略的,但是IE是處理的。因此在兩個相鄰div之間不要有空格跟回車,否則可能造成不同瀏覽間之間格式不正確,比如著名的3px偏差(多個img標籤連著,然後定義float: left;結果在firefox裡面正常,而IE裡面顯示的每個img都相隔了3px。我把標籤之間的空格都刪除都沒有作用。解決方法是在img外面套li,並且對li定義margin: 0; 避免方式:在必要的時候不要無視 list 標籤)而且原因難以查明。

44。 條件註釋

lte —— 小於等於

lt —— 小於

gte —— 大於等於

gt —— 大於

! —— 不等於

45。強制渲染

//這句話的意思是強制使用IE7模式來解析網頁程式碼!

//Google Chrome Frame也可以讓IE用上Chrome的引擎

或者 //強制IE8使用IE7模式來解析

//強制IE8使用IE6或IE5模式來解析

//一個特定版本的IE支援所要求的相容性模式多於一種

46。js相容檔案

使IE5,IE6相容到IE7模式(推薦)

使IE5,IE6,IE7相容到IE8模式

使IE5,IE6,IE7,IE8相容到IE9模式

47。 瀏覽器識別符

p{ _color:red; } IE6 專用

*html p{ color:#red; } IE6 專用

p{ +color:red; } IE6,7 專用

p{ *color:red; } IE6,7 專用

*html p{ color:red; } IE6,7 專用

p{*+color: red;} IE7 專用

Body> p{ color: red; } 遮蔽 IE6

p{ color:red\9; } IE8

Firefox: -moz-

Safari: -webkit-

Opera: -o-

IE: -ms-

更多請檢視:

http://www。

jq-school。com/

標籤:

相容性

舉報

z

給個贊33 人點贊

收藏76 人收藏

上一篇 file 上傳圖片按鈕美化

下一篇 文字框內容為空則提交按鈕失效 js

大家還在搜

前端瀏覽器相容性問題

手機前端瀏覽器相容問題

前端最佳化方法

瀏覽器相容性問題彙總

前端相容性面試題

前端面試題

js瀏覽器相容性問題

web前端相容性面試題

前端面試題及答案2017

前端效能最佳化

mvc

mvc

瀏覽器相容性

瀏覽器相容性

氣泡排序

氣泡排序

ajax

ajax

css3

css3

html5

html5

閉包

閉包

電腦版轉碼宣告

提示:原網站已由百度轉碼,以便在移動裝置上檢視

標簽: IE  瀏覽器  div  相容性問題  margin