| Autor | Zpráva | ||
|---|---|---|---|
| jitkaa23 Profil * |
#1 · Zasláno: 5. 8. 2015, 20:41:25
Mám to na webu v hlavičce takto:
<!doctype html> <html> <head> <meta charset="utf-8" /> <title>Pokus</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="files/css/pcindex3.css" rel="stylesheet"> <link href="tablet.css" rel="stylesheet" media="screen and (min-width: 481px) and (max-width: 10023px)"> <link href="smartphone.css" rel="stylesheet" media="screen and (max-width: 480px)"> </head> <body> Proč se mi ale stále načítá pcindex3.css i když stránku otevřu s rozlyšením 1280 ? Proč se to nepřepne na tablet.css? Už nevím co s tím. |
||
| juriad Profil |
#2 · Zasláno: 5. 8. 2015, 21:02:04
jitkaa23:
Protože pcindex3.css se použije vždy (není u něj žádné pravidlo, které by jej někdy zakazovalo). A nejspíš máš překlep u tabletu; maximální velikost by asi měla být 1023 namísto 10023 px. |
||
| jitkaa23 Profil * |
#3 · Zasláno: 5. 8. 2015, 21:07:19
juriad:
Tam mám těch 10023 schválně aby se to přeplo protože jsem chtěla mít jistotu že se tam vejdu. Jenom to zatím testuji než to dám na web. Bojím se že když vynechám to pcindex3.css tak že třeba nějaké prohlížeče nepodporují to (min-width: 481px) and (max-width: 10023px) a že se pak nezobrazí styl. Je možné že to některé prohlížeče neznají? |
||
|
Časová prodleva: 14 dní
|
|||
| Pesso69 Profil |
#4 · Zasláno: 19. 8. 2015, 12:37:44
@media screen má dosť dobrú podporu. Bližšie info tu
Bolo by dobré vidieť live ukážku, pretože z tohto kúsku kódu sa nič nevyrieši. |
||
| bestik_63 Profil |
#5 · Zasláno: 19. 8. 2015, 13:10:00
Nebylo by lepší dát vše do jednoho css souboru a ty podmínky mít přímo tam?
|
||
|
Časová prodleva: 9 let
|
|||
0