| Autor | Zpráva | ||
|---|---|---|---|
| Chubka Profil * |
#1 · Zasláno: 26. 5. 2015, 09:09:52
Zdravím,
potřebuju, aby se mi v různých rozlišeních zobrazovala jiná velikost textu. Můj zápis ale nefunguje. Poradil by někde kde je chyba? @media(max-width: 240px) {
h1 {
font-size: 25pt;
}
}
@media(max-width: 240px) {
.odborne {
font-size: 12pt;
}
}
@media(max-width: 240px) {
.sluzby {
font-size: 12pt;
}
}
@media(max-width: 240px) {
.footer {
font-size: 11px;
}
}
@media(max-width: 320px) {
h1 {
font-size: 25pt;
}
}
@media(max-width: 320px) {
.odborne {
font-size: 12pt;
}
}
@media(max-width: 320px) {
.sluzby {
font-size: 12pt;
}
}
@media(max-width: 320px) {
.footer {
font-size: 11px;
}
}
@media(max-width: 480px) {
h1 {
font-size: 35pt;
}
}
@media(max-width: 480px) {
.odborne {
font-size: 12pt;
}
}
@media(max-width: 480px) {
.sluzby {
font-size: 12pt;
}
}
@media(max-width: 480px) {
.footer {
font-size: 11px;
}
}
@media(max-width: 768px) {
h1 {
font-size: 35pt;
}
}
@media(max-width: 768px) {
.odborne {
font-size: 19pt;
}
}
@media(max-width: 768px) {
.sluzby {
font-size: 16pt;
}
}
@media(max-width: 768px) {
.footer {
font-size: 12px;
}
}
@media(max-width: 1024px) {
h1 {
font-size: 35pt;
}
}
@media(max-width: 1024px) {
.odborne {
font-size: 25pt;
}
}
@media(max-width: 1024px) {
.sluzby {
font-size: 18pt;
}
}@media(max-width: 1024px) {
.footer {
font-size: 16px;
}
} |
||
| petr 6 Profil |
Co je menší než 240, je také menší než 1024. Zřejmě se tedy na všechna rozlišení s šířkou méně než 1024 pixelů aplikuje poslední sada pravidel.
Doplň ke každému pravidlu i příslušnou min-width nebo obrať pořadí zápisu od obecnějšího ke konkrétnějšímu. Viz http://www.w3schools.com/cssref/css3_pr_mediaquery.asp |
||
| Taps Profil |
#3 · Zasláno: 26. 5. 2015, 09:52:28
Chubka:
není třeba ten zápis tak drolit @media screen and(max-width: 240px) {
h1 {
font-size: 25pt;
}
.odborne {
font-size: 12pt;
}
.sluzby {
font-size: 12pt;
}
.footer {
font-size: 11px;
}
}.. |
||
| Chubka Profil * |
#4 · Zasláno: 26. 5. 2015, 11:33:52
Tak díky, nakonec tento zápis funguje
@media(max-width: 240px) {
h1 {
font-size: 25pt;
}
.odborne {
font-size: 12pt;
}
.sluzby {
font-size: 12pt;
}
.footer {
font-size: 11px;
}
}
@media(max-width: 320px) and (min-width: 239px){
h1 {
font-size: 25pt;
}
.odborne {
font-size: 12pt;
}
.sluzby {
font-size: 12pt;
}
.footer {
font-size: 11px;
}
}
@media(max-width: 480px) and (min-width: 321px){
h1 {
font-size: 35pt;
}
.odborne {
font-size: 12pt;
}
.sluzby {
font-size: 12pt;
}
.footer {
font-size: 11px;
}
}
@media(max-width: 768px) and (min-width: 481px){
h1 {
font-size: 35pt;
}
.odborne {
font-size: 19pt;
}
.sluzby {
font-size: 16pt;
}
.footer {
font-size: 12px;
}
}
@media(max-width: 1024px) and (min-width: 769px){
h1 {
font-size: 35pt;
}
.odborne {
font-size: 25pt;
}
.sluzby {
font-size: 18pt;
}
.footer {
font-size: 16px;
}
} |
||
| petr 6 Profil |
#5 · Zasláno: 27. 5. 2015, 10:33:12
Zápis pro <240 a 240-320 můžeš sloučit do jednoho, když máš v obou nastavena stejná pravidla.
|
||
|
Časová prodleva: 10 let
|
|||
0