Autor Zpráva
jitkaa23
Profil *
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
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 *
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í?
Pesso69
Profil
@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
Nebylo by lepší dát vše do jednoho css souboru a ty podmínky mít přímo tam?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: