您現在的位置是:電腦技術吧?>? 基礎知識 ??>??怎么設置瀏覽器兼容性,瀏覽器兼容性問題匯總??>??正文詳情

怎么設置瀏覽器兼容性,瀏覽器兼容性問題匯總

陳曼容2019-11-05 08:51:16 人圍觀
簡介html瀏覽器兼容性瀏覽器兼容性意味著不同的瀏覽器(如Firefox、Chrome…)可能不會顯示相同的指針,從而導致瀏覽器和網頁之間的兼容性問題。目前,還沒有統一的工具來解決這個瀏覽器

瀏覽器兼容性也就是指針對不同的瀏覽器(IE,Firefox,Chrome...)顯示效果可能不一致而產生瀏覽器和網頁間的兼容問題。

而目前并沒有統一的工具能解決這一問題,對于前端開發人員來說瀏覽器的兼容性無疑是開發過程中不可逃避的也是很繁瑣的步驟,那么當面對這樣的問題時有哪些小技巧呢?

(1)不同瀏覽器對高度的識別。

所有瀏覽器通用:height: 100px;IE6專用:_height: 100px; *height: 100px;IE7專用:* height: 100px;(2)不同瀏覽器默認的內外邊距不同。

針對這個問題,我們可以在樣式表中設置*{padding:0;margin:0;},對內外邊距清零來使得瀏覽器達到統一,這樣就不會出現不同瀏覽器可能出現的內外邊距導致的問題。

(3)Firefox下給div設置padding后會導致width和height相應的增加,但是IE不會。

這樣的話就可以用!important來解決,因為ie6瀏覽器不識別!important屬性,這樣css可以設置width:100px !important;width: 120px;padding:0 10px;(4)margin加倍的問題。

設置float的div在ie下設置的margin會加倍,這其實是一個ie的bug。

如果出現這個問題我們可以對div設置display:inline;這樣的話ie就不會顯示加倍問題了。

br / block與inline兩個元素:block元素的特點是占滿一行,也就是下一個元素會換行,但高度,寬度,行高,邊距都可以控制(塊元素);Inline元素的特點是不會占滿一行會和其他元素在同一行上,不可控制(內嵌元素);(5)最小寬度與高度的問題。

ie不識別min-這個定義的,在ie里面就會把width,height當做min-width,min-height來使用,如果只在樣式里面定義min-width,min-height的話,這樣在ie里面就識別不出從而沒有寬和高了。

所以在設置最小寬和高的時候可以設置寬和高自動。

版權聲明:本文由 陳曼容 整理編輯。

原標題:ie瀏覽器兼容性設置,瀏覽器的兼容性

轉載注明出處:http://www.dn9ww09s.icu/basics/11122.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 怎么查看筆記本電池容量,筆記本電池一般容量

    怎么查看筆記本電池容量,筆記本電池一般容量 相關圖片查看筆記本電池信息筆記本電池可以說是筆記本電腦中一個非常重要的存在。有了筆記本電池的關系,人們可以隨時使用電腦,而不必考慮電源供應筆記本電池容量將直接決定上網時間...

  • css3特殊圖形,css3繪制常用圖形

    css3特殊圖形,css3繪制常用圖形 相關圖片梯形css3CSS3三維翻轉效果應用示例代碼如下:doctype html htmlhead meta http equiv=content type content=tecss3任性形狀圖形...

  • 電腦如何設置定時開關機,電腦設置定時開關機

    電腦如何設置定時開關機,電腦設置定時開關機 相關圖片電腦自動開關機在哪里設置現在手機和電腦都可以定時開關,但我的朋友們所熟悉的可能是手機定時開關的操作他們可能不太熟練,甚至不知道打開和關閉計算機的時間所以今天的編輯...

  • 可移動磁盤打不開怎么辦,可移動磁盤為什么打不開

    可移動磁盤打不開怎么辦,可移動磁盤為什么打不開 相關圖片磁盤打不開怎么辦現在很多人為了豐富自己的娛樂生活喜歡下載各種音樂和電影,所以電腦里的記憶會變得緊張。移動硬盤的出現幫助我們解決了這個問題,但也會有另一種麻煩。如果...

  • 標簽的定義,給自己定義一個標簽

    標簽的定義,給自己定義一個標簽 相關圖片A標簽節標記是HTML5中的新標記w3c定義為:section label定義文檔中的節。例如章節、頁眉、頁腳或文檔的其他部分節元素標簽用于表示公共文檔內容或應用程序自定標簽...

  • 騰達路由器設置,騰達路由器設置密碼

    騰達路由器設置,騰達路由器設置密碼 相關圖片路由器怎么設置我們生活中經常需要使用路由器例如,玩手機、聊天、看視頻等等,但是我們如何設置路由器呢?今天,小編就為大家介紹如何搭建騰達路由器孩子們,請耐心地讀下去...

  • 標簽的定義,給自己定義一個標簽

    標簽的定義,給自己定義一個標簽 相關圖片A標簽如果瀏覽器支持腳本,則不會在noscript元素中顯示文本。不識別腳本標記的瀏覽器將在頁面上顯示標記的內容要避免瀏覽器執行此操作,應在注釋標記中隱藏腳本。舊的瀏自定標簽...

  • 愛普生打印機不能打印,愛普生打印機打印不清晰

    愛普生打印機不能打印,愛普生打印機打印不清晰 相關圖片epson打印機無法打印怎么辦有用戶反映,愛普生pin打印機昨天可以正常使用,但今天突然出現故障。無法打印經過檢查,發現司機沒有問題幾個小時的麻煩之后,它沒有解決問題。沒關系...

  • 網頁兼容,怎么設置為兼容瀏覽器

    網頁兼容,怎么設置為兼容瀏覽器 相關圖片瀏覽器怎么調兼容ie8默認使用新的標準模式顯示引擎來顯示網頁如果網頁代碼沒有標準化,它可能會在ie8下顯示異常重寫網頁代碼使其標準化是一項繁重的工作,它需要很長的時間來慢...

  • 惠普筆記本系統還原,惠普電腦還原系統還原

    惠普筆記本系統還原,惠普電腦還原系統還原 相關圖片惠普win7系統還原惠普品牌的電腦有兩種:普通筆記本和商務筆記本。據說它的銷售量是世界第一,而且價格也比較實惠。你在用惠普筆記本嗎?如果筆記本電腦是惠普,用戶知道如何使...

熱評文章

  • 主板刷bios,微星主板刷bios

    主板刷bios,微星主板刷bios 相關圖片主板不能開機怎么刷biosbios刷新,俗稱bios閃存,是一種常見的操作。主板上的BIOS刷新也是在BIOS芯片中重寫程序的程序刷BIOS有兩個主要目的,一個是修復現有的Bug/故障,老主板怎么刷...

  • Excel文件損壞怎么修復,Excel損壞怎么修復

    Excel文件損壞怎么修復,Excel損壞怎么修復 相關圖片表格損壞如何修復在excel中編輯一些重要數據時,有時在保存或打開文件時會遇到文件損壞。你能做什么?重要文件允許自然銷毀嗎?應該采取什么樣的救援措施現在,小編將介紹如何修...

  • div浮動定位,div浮動定位上下浮動

    div浮動定位,div浮動定位上下浮動 相關圖片浮動絕對定位代碼如下:divstyle=padding top:10px;padding bottom:2px;float:left;position:relative;idiv 浮動...

  • fn鍵有什么用,fn鍵沒反應

    fn鍵有什么用,fn鍵沒反應 相關圖片電腦fn鍵在哪里我們通常使用的鍵盤上的每一個鍵都有自己的作用。一些鍵可以與其他鍵組合以形成新的鍵以供使用所以,今天的編輯將告訴你如何使用鍵盤上的fn鍵。FN的全稱是functit...

  • 等比縮小怎么算的,等比放大怎么算

    等比縮小怎么算的,等比放大怎么算 相關圖片ps怎么等比放大這種效果要求每個item元素的高度是寬度的兩倍。首先,父元素框將寬度設置為100%。這里我們主要使用padding屬性來解決這個問題,因為如果padding的寬ps等比縮小...

  • 手機無線網絡連接不上,手機連接wifi不能上網

    手機無線網絡連接不上,手機連接wifi不能上網 相關圖片為什么wifi連接上卻不能上網事實上,當我們的手機連接到無線網絡時,也會出現問題。例如,移動電話無線網絡已連接,但無法連接到網絡。它顯然是相連的,但不能使用。就是這樣所...

  • contentEditable,content

    contentEditable,content 相關圖片php editablecontentable是枚舉類型屬性。可選值為空字符串、true、false或inherit(默認值)當它是空字符串時,效果與true相同當元素的可滿足狀態為tcontent屬性什么用...

  • 迅雷速度越來越慢,為什么迅雷這么慢

    迅雷速度越來越慢,為什么迅雷這么慢 相關圖片手機迅雷速度突然變慢很多用戶使用迅雷下載,這是目前應用廣泛的下載軟件。有時由于設置不當,會影響迅雷的下載速度,下載速度突然變得很慢。我該怎么辦?有沒有辦法提高迅雷...

  • 網站開發教程,app開發教程

    網站開發教程,app開發教程 相關圖片android開發菜鳥教程雖然HTML5技術還不夠成熟,仍在不斷的改進和發展中,但它的許多先進和強大之處是有目共睹的。為了幫助您更好地學習html5,本文將與您分享25個優秀的html5自學小程...

  • 顯卡筆記本,筆記本電腦顯卡排名圖

    顯卡筆記本,筆記本電腦顯卡排名圖 相關圖片筆記本電腦顯卡伙計們,編輯今天不會告訴你們“教科書概念”。這是另一種“安利解釋”。哈哈哈~今天安利的主題是一些筆記本顯卡的排名介紹。當你買電腦的時候,你可以選擇一種...

關注微信

变脸官网查询