Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Aký webový prehliadač nesleduje model CSS Box o šírke?

Prehliadač, ktorý sa historicky odchýlil od štandardného modelu CSS Box o šírke, bol Internet Explorer v Quirks Mode .

Tu je dôvod:

* Model štandardného boxu: V štandardnom modeli boxu CSS špecifikuje vlastnosť „Width“ šírku oblasti obsahu prvku. Čalúnenie a šírky okrajov sa potom pridajú * na hornú časť tejto šírky obsahu, aby sa určila celková šírka prvku.

* Model Quirks Režim Internet Explorer (známy tiež ako „Model Broken Box“ alebo „IE Box Model“): V režime Quirks internet Explorer vypočítal celkovú šírku prvku * vrátane * vypchávky a hraníc. Takže, ak nastavíte šírku:100px; vypchávka:10px; Hranica:5px; `V Quirks režime by * celková * šírka prvku bola 100px a oblasť obsahu by sa znížila tak, aby vyhovovala čalúneniu a hraniciam. V prehliadači kompatibilných s normami by celková šírka bola 100px (obsah) + 20px (vypchávka) + 10px (hranica) =130px.

quirks režim

Režim Quirks bol spustený v starších verziách Internet Explorer (konkrétne IE5.5 a starší a IE6, keď dokumentu nemal správny doktType), aby sa vystavovali webové stránky, ktoré boli navrhnuté pre staršie prehliadače. Urobilo sa tak, aby sa zachovala spätná kompatibilita a zabránila zlomeniu starších webových stránok.

Moderné prehliadače a štandardné režim

Moderné verzie Internet Explorer (IE7 a neskôr), ako aj všetky ostatné hlavné prehliadače (Chrome, Firefox, Safari, Edge), predvolený režim štandardov Ak je v dokumente HTML prítomný správny dokument Doctype. V štandardných režime správne implementujú štandardný model CSS Box.

CSS `Vlastnosť krabičky

Vlastnosť CSS „CSS“ poskytuje spôsob, ako zmeniť správanie modelu boxu. Keď nastavíte `Zničenie boxu:Border-Box;` Na prvku sa bude správať ako starý model boxu režimu IE Quirks. Toto sa často používa na zjednodušenie výpočtov rozloženia a na uľahčenie riadenia responzívnych návrhov.

Stručne povedané:zatiaľ čo žiadny aktívne nepoužíva moderný prehliadač úmyselne prelomí model štandardného boxu, je historicky dôležité porozumieť tomu, ako prieskumník internetu používal na jeho zvládnutie v Quirks režim. Použitie „veľkosti boxu:Border-Box` je spôsob, ako úmyselne dosiahnuť správanie modelu„ IE box “kompatibilným spôsobom.

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené