Diskuze: XAMP - nefunkční @media v Google chrome

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Absolvováno

Označit lekci jako neabsolvovanou

Pokračovat ve výuce

Jak se ti líbí článek?

Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500

Jak se ti kurz líbí?

Tvé hodnocení kurzuZnaků 0 z 50-500

Aktivity

Kamil

Člen

Kamil:21.2.2022 18:04

Ahoj,

nefunguje mi @media query v localhoste v prohližeči google chrome.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>
<body>

</body>
</html>

V CSS je:

@media screen and (max-width:1366px){
    body{
        background: red;
    }
}

Zkusil jsem: V Mozile funguje vše bez jakéhokoliv problému. Mezipamět jsem v Google vymazal.

Chci docílit: -

Odpovědět

21.2.2022 18:04

Kamil

Člen

Kamil:21.2.2022 19:36

vyreseno

Nahoru Odpovědět

21.2.2022 19:36

Peter Mlich

Člen

Peter Mlich:21.2.2022 20:21

Pravdepodobne zobrazujes jiny soubor nebo mas chybu v zapise (googlovanim se da najit jiny priklad) a nebo problem s http a https (moderni browsery nechteji podporovat, kdyz j jedna stranka nacitana jako http a druha jako https). A nebo mozna spatne kodovani, utf bom znak a pod.
Ale, tak, dobre, zes to vyresil

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

21.2.2022 20:21

Naučíme tě pracovat na home-office.

Zjistit více...

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.

Nejčastěji vyhledáváné

Diskuze: XAMP - nefunkční @media v Google chrome