電腦網頁顯示兼容性問題,解決瀏覽器兼容性問題

 2023-12-06 阅读 27 评论 0

摘要:不同瀏覽器對HTML標記所具有的內外邊距屬性具有不同的定義。  因此如果想消除這種差距,應該在相應的CSS部分加入以下CSS代碼:  *{margin:0px;padding:0px;}  借于此,所有標記的內外邊距被統一起來。  優先級問題:  對于同一標記屬性所給
不同瀏覽器對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之間的間距也遵行同樣的規則。microsoft edge瀏覽器兼容性設置。
  掌握了這一規則,在利用DIV塊進行布局時我們就可以做的更加得心應手。

轉載于:https://www.cnblogs.com/ShawnC/p/5804936.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/192061.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息