面試前端,面試官問你怎么解決瀏覽器兼容性問題,你應該怎么回答??


不同瀏覽器對HTML標記所具有的內外邊距屬性具有不同的定義。

  因此如果想消除這種差距,應該在相應的CSS部分加入以下CSS代碼:
  *{margin:0px;padding:0px;}
  借於此,所有標記的內外邊距被統一起來。

   優先級問題:
  對於同一標記屬性所給定的值,有不同的 優先級。其中 優先級最高的是內聯代碼,其實是頁內CSS,接下來是瀏覽器默認設置,最后才是外部CSS所做的限制。

  Margin不一致的問題:

  當有多張圖片需要排在一行時,我們通常使用“Float:Left”來實現,這樣一來,瀏覽器就存在 兼容性問題。導致圖片與后面的內容存在margin不一致的問題。對此一種解決方法就是給圖片添加“Display:inline”項即可。

  DIV居中問題:

  通常我們會利用“vertical-align:middle”來實現,這對於 搜狗瀏覽器 來說,是正常的,但是對於 IE瀏覽器來說,卻並沒有效果。對此,一種較好的解決方法是:將文字的行高設置與DIV一樣時即可解決問題。

  內外邊框合並問題。通常情況下,對於兩個相關DIV塊,相鄰時采用外邊距合並原則,其結果只最兩個DIV塊中Margin最大值做為兩個DIV之間的間距。包含的兩個DIV之間的間距也遵行同樣的規則。
  掌握了這一規則,在利用DIV塊進行布局時我們就可以做的更加得心應手。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM