兼容性總結

_DangJin 發布于2019-08-02 15:55 / 2555人閱讀

摘要：寫在前面的話，也不知道還要不要管，暈暈乎乎的兼容性引用在元素浮動，如果寬度需要內容撐開，就給里邊的塊元素都加浮動例左側右側給它設置顯示如下解決辦法在下元素要通過浮動并在同一行，就給這行元素都加浮動例樣式結果解決都浮動注意標簽嵌套規范例

寫在前面的話，也不知道還要不要管ie6、7，暈暈乎乎的

1、h5兼容性

引用html5shiv.js

2、

1. 在IE6元素浮動，如果寬度需要內容撐開，就給里邊的塊元素都加浮動

例：

給它設置css

.box{ width:200px;}
.left{background:red;float:left;}
.right{float:right; background:blue;}
h3{margin:0;height:30px;}

顯示如下：

解決辦法：

h3{margin:0;height:30px; float:left;}

-2 在IE6下元素要通過浮動并在同一行，就給這行元素都加浮動

例：

樣式

    .left{width:100px;height:100px;background:red; float:left;}
.right{width:200px;height:100px;background:blue;margin-left:100px;}

結果：

解決：都浮動

3- 注意標簽嵌套規范

例

樣式

結果

- IE6下最小高度問題

在IE6下元素的高度的小于19px的時候，會被當做19px來處理
解決辦法:`overflow:hidden;`

- 4在IE6下父級有邊框的時候，子元素的margin值消失

例

樣式

結果

解決

在IE6下解決margin傳遞要觸發haslayout

.box{background:blue;border:1px solid #000;zoom:1;}

5、css hack

針對不同的瀏覽器寫不同的CSS 樣式的過程，就叫CSS hack!

‘ 9 ’ 所有的IE9及之前

‘ + ’ 和 ‘ * ’ IE7及ie7的ie瀏覽器認識

‘ _IE6 ’及ie6的ie瀏覽器認識

例：

.box{ width:100px;height:100px;background:red;background:blue9;      
      +background:yellow;_background:green;}
@media screen and (-webkit-min-device-pixel-ratio:0){.box{background:pink}}

6、html條件注釋語句





無標題文檔

云服務器 GPU云服務器年終總結網絡總結方法總結函數總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54344.html

css居中總結

摘要：前言一直有個想法要把各種居中的方法總結一下，但還是一直沒有時間去整理。最近剛好在做樣式重構的項目，順便把一下自己有用過的或積累的居中方法給總結一下。又必須有個父級對其進行設置居中。前言一直有個想法要把各種居中的方法總結一下，但還是一直沒有時間去整理。最近剛好在做樣式重構的項目，順便把一下自己有用過的或積累的居中方法給總結一下。水平居中行內元素水平居中行內元素的居中比較簡單，直...

gxyz 2019-08-30 15:55 評論0 收藏0
關于CSS居中問題的一些總結

摘要：兼容性屬性兼容存在一定問題，高版本需要添加前綴父子第四使用通過父級元素布局將子框轉換為再設置子元素水平居中兼容性不支持父子第五水平垂直將水平居中和垂直居中的相結合兼容性屬性兼容性問題父子第六父相對子絕對，上下左右居中兼容性及以上父子前端頁面開發中關于內容居中的需求應用概率很大，自己搜集一些資料和總結關于css里的幾種居中效果實現第一常用text-align:center先將子元素將...

Riddler 2019-08-30 14:14 評論0 收藏0
關于CSS居中問題的一些總結

摘要：兼容性屬性兼容存在一定問題，高版本需要添加前綴父子第四使用通過父級元素布局將子框轉換為再設置子元素水平居中兼容性不支持父子第五水平垂直將水平居中和垂直居中的相結合兼容性屬性兼容性問題父子第六父相對子絕對，上下左右居中兼容性及以上父子前端頁面開發中關于內容居中的需求應用概率很大，自己搜集一些資料和總結關于css里的幾種居中效果實現第一常用text-align:center先將子元素將...

ISherry 2019-08-01 18:44 評論0 收藏0
垂直水平居中的方式總結 +（使用場景）

摘要：內容無法撐開父級容器表格容器居中使用場景容器內容居中，并不想脫離文檔流。缺點不適用于彈層這種蓋住頁面內容的布局使用和垂直居中值等于元素高度的值使用場景一個容器內部的當韓文字居中優點內容寬高，容器寬高均不用。以前前端面試基礎問題的時候經常會被問到這個問題：但是從來沒有做過這樣的總結，網上很多人總結的很多，很好。自己干了這么多年，這個問題使用場景還是蠻多的，還是自己總結一下吧（不斷更新）...

YuboonaZhang 2019-08-01 18:01 評論0 收藏0
垂直水平居中的方式總結 +（使用場景）

摘要：內容無法撐開父級容器表格容器居中使用場景容器內容居中，并不想脫離文檔流。缺點不適用于彈層這種蓋住頁面內容的布局使用和垂直居中值等于元素高度的值使用場景一個容器內部的當韓文字居中優點內容寬高，容器寬高均不用。以前前端面試基礎問題的時候經常會被問到這個問題：但是從來沒有做過這樣的總結，網上很多人總結的很多，很好。自己干了這么多年，這個問題使用場景還是蠻多的，還是自己總結一下吧（不斷更新）...

snifes 2019-08-29 13:49 評論0 收藏0