Media query a Google Chrome

tomas262

(6 hodnocení)

4. 2. 2017 12:17:09

Ahoj,

nevím, kde přesně patří dotaz k CSS tak se ptám zde.

Dělám layout mobile first systém.

Definuju v headeru

Pak klasicky v CSSku @media (min-width: 500px) { ....... }

Problém je když se podívám na web přes Chrome Inspector a zmenšuju viewport, styl se přepne už při 450 px šířky viewportu

Když si to otevřu ve Firefoxu a pomocí inspectoru zmenšuju screen size, funguje to správně na 500px

Netuší někdo proč to Chrome dělá?

4. 2. 2017 12:17:09

https://webtrh.cz/diskuse/media-query-a-google-chrome#reply1257156

Smazaný účet KvotlhHqXE

(39 hodnocení)

4. 2. 2017 12:38:20

Nebude to kvoli scrollbaru?

4. 2. 2017 12:38:20

https://webtrh.cz/diskuse/media-query-a-google-chrome#reply1257155

tomas262

(6 hodnocení)

4. 2. 2017 13:36:16

hm, ten má 20 pixelů, to nesedí :)

4. 2. 2017 13:36:16

https://webtrh.cz/diskuse/media-query-a-google-chrome#reply1257154

pest

(10 hodnocení)

5. 2. 2017 02:03:58

A máš tam nějaký normalize pro resetování css? Většinou se tohle stává při overlapingu - vyřaď ostatní media queries a zkus to samotné, pokud to bude fungovat, máš špatné podmínky a media jedou přes sebe.

5. 2. 2017 02:03:58

https://webtrh.cz/diskuse/media-query-a-google-chrome#reply1257153

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Uskrblika.cz

6 990 Kč

0 příhozů

Privesnevoziky.cz

44 000 Kč

0 příhozů

Chcikmori.cz

14 990 Kč

0 příhozů

dortarna.cz

1 000 Kč

0 příhozů

Prodej webu sexy-moda.cz

5 000 Kč

0 příhozů

Poptávky Více

Hledáme vývojáře backendu pro WebGL hru (Unity)

Hledáme správce Instagramu pro keramické studio v Praze

Rád koupím eshop či jiný projekt, který by bylo možné platit na splátky

Poptávka: pracovník – vývojář, celá ČR

Odkoupim výdělečny projekt

Pracovní nabídky Více

Junior Fullstack developer

Práce z domu

Shopify Developer

Práce z domu

Specialista/ka marketingové komunikace – direct marketing

Praha

Angular Developer

Praha

Hledáme 2 zkušené vývojáře

Práce z domu, Praha

Nabídky Více

🍷 Teambuilding v srdci Moravského Toskánska

Vývoj Windows aplikací (C#, .NET, databáze)

Použité vybavení ústředny – Racky (skříně), Ventilace a další

Spolehlivá grafička na volné noze | Logotvorba | Tiskoviny | Branding | Weby a e-shopy

TypeScript/PHP/Rust/C# – Senior full web stack dev