css補(bǔ)充學(xué)習(xí)(關(guān)于瀏覽器兼容問題)

1. -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%


原理:iPhone 和 Android 的瀏覽器縱向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自動調(diào)整字體大小的功能移盆∧肱疲控制它的就是 CSS 中的 -webkit-text-size-adjust。

功能:text-size-adjust 設(shè)為none或者100%關(guān)閉字體大小自動調(diào)整功能.

2. a:focus{ outline: thin dotted}

:focus 選擇器用于選取獲得焦點(diǎn)的元素瀑梗。所有主流瀏覽器都支持 :focus 選擇器码泛。

注釋:如果 :focus 用于 IE8 猾封,則必須聲明 。

outline (輪廓)是繪制于元素周圍的一條線噪珊,位于邊框邊緣的外圍晌缘,可起到突出元素的作用齐莲。

注釋:輪廓線不會占據(jù)空間,也不一定是矩形磷箕。


3.audio:not([controls]) {display: none;height: 0}

功能:audio:not([controls]){display:none;/*為防止在主流瀏覽器中出現(xiàn)“不帶控制按鈕的音頻模塊”這一問題选酗。*/

功能:height:0;/*解決iOS5移動端顯示多余高度的兼容性問題。 */}

4.box-sizing屬性可以為三個值之一:content-box(default)岳枷,border-box

content-box:padding和border不被包含在定義的width和height之內(nèi)芒填。對象的實(shí)際寬度等于設(shè)置的width值和border、padding之和空繁,即 ( Element width = width + border + padding )

此屬性表現(xiàn)為標(biāo)準(zhǔn)模式下的盒模型殿衰。

border-box:padding和border被包含在定義的width和height之內(nèi)。對象的實(shí)際寬度就等于設(shè)置的width值盛泡,即使定義有border和padding也不會改變對象的實(shí)際寬度闷祥,即 ( Element width = width )

此屬性表現(xiàn)為怪異模式下的盒模型。

5.white-space 屬性設(shè)置如何處理元素內(nèi)的空白傲诵。

注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"凯砍。

normal默認(rèn)∷┲瘢空白會被瀏覽器忽略悟衩。

normal默認(rèn)≈呈欤空白會被瀏覽器忽略局待。
pre空白會被瀏覽器保留斑响。
nowrap文本不會換行菱属,文本會在在同一行上繼續(xù),直到遇到<-br->
pre-wrap保留空白符序列舰罚,但是正常地進(jìn)行換行纽门。
pre-line合并空白符序列,但是保留換行符营罢。
inherit規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值赏陵。

6.text-transform-- 定義文本的大小寫狀態(tài),此屬性對中文無意義




囧:這些不經(jīng)常用,今天才剛剛知道饲漾。蝙搔。。考传。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吃型,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子僚楞,更是在濱河造成了極大的恐慌勤晚,老刑警劉巖枉层,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異赐写,居然都是意外死亡鸟蜡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門挺邀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來揉忘,“玉大人,你說我怎么就攤上這事端铛“┗矗” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵沦补,是天一觀的道長乳蓄。 經(jīng)常有香客問我,道長夕膀,這世上最難降的妖魔是什么虚倒? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮产舞,結(jié)果婚禮上魂奥,老公的妹妹穿的比我還像新娘。我一直安慰自己易猫,他們只是感情好耻煤,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著准颓,像睡著了一般哈蝇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上攘已,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天炮赦,我揣著相機(jī)與錄音,去河邊找鬼样勃。 笑死吠勘,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的峡眶。 我是一名探鬼主播剧防,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼辫樱!你這毒婦竟也來了峭拘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎棚唆,沒想到半個月后暇赤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宵凌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年鞋囊,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瞎惫。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡溜腐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出瓜喇,到底是詐尸還是另有隱情挺益,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布乘寒,位于F島的核電站望众,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏伞辛。R本人自食惡果不足惜烂翰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蚤氏。 院中可真熱鬧甘耿,春花似錦、人聲如沸竿滨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽于游。三九已至毁葱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間曙砂,已是汗流浹背头谜。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工骏掀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鸠澈,地道東北人。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓截驮,卻偏偏與公主長得像笑陈,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子葵袭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案涵妥? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評論 1 92
  • 深入理解傅里葉變換Mar 12, 2017 這原本是我在知乎上對傅立葉變換、拉普拉斯變換坡锡、Z變換的聯(lián)系蓬网?為什么要進(jìn)...
    價值趨勢技術(shù)派閱讀 5,760評論 2 2
  • 1窒所、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素帆锋?現(xiàn)在吵取,利用CSS3的Transform,...
    kiddings閱讀 3,164評論 0 11
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color锯厢,font皮官,text-align,li...
    wzhiq896閱讀 1,751評論 0 2
  • GCD是多線程編程中很常用的技術(shù)实辑,同時捺氢,作為一項(xiàng)重要的知識點(diǎn),在面試中也是“常來之客”剪撬,本文通過API進(jìn)行GCD的...
    鄭明明閱讀 1,369評論 0 6