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

Prodej domény prirodnidoplnky.cz

29 900 Kč

0 příhozů

Prodej eshopu esensino.cz

968 000 Kč

0 příhozů

Doména gamebase.cz

10 000 Kč

0 příhozů

Vyhledávač zboží – TVUJ-OBCHOD.CZ

14 000 Kč

1 příhoz

Prodám rozpracovaný projekt- jetmarket.cz

20 000 Kč

0 příhozů

Poptávky Více

Hledáme grafika na tvorbu letáku

Webprojekty na dlouhodobou spolupráci

Programátor kodér na systém

WordPress rezervační systém

Projekt – kreativa, výrobky, rukodělné produkty

Pracovní nabídky Více

Data Engineer Trainee

Praha

IT analytik – Bankovnictví

Praha

Projektově-obchodní manažer medior / senior

Brno

Hledá se parťák do vzrušujícího světa AI

IT specialista | PHP programátor

Brno

Nabídky Více

📱 Design mobilních aplikací

Vytvoření videa ve formátu 1920*158px

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

Nabízíme vývojáře PHP, React, Typescript, C#, Python, Node.js a Java.