Diskuze: Stránky pro PC z mobilu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 2 zpráv z 2.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Podivej se, jak media resi css bootstrap.
https://getbootstrap.com/…layout/grid/
https://getbootstrap.com/…ed/download/
https://getbootstrap.com/…les/pricing/
Si to stahni, mela by tm byt i neminifikovana verze. Pripadne si najdi priklady
googlem.
Treba mas jen spatne zavorky.
Takze mas rozbite auto v garazi. Co ti ma asi odpovedet automechanik v dilne, ze
s nim mas spatne?
google = css media example mobile
<style>
/*ruzne kody nalezene googlem*/
@media screen { /* media je screen { css } */
* { / * vsechny elementy */
background: silver
}
}
---
@media screen and (min-width: 480px) { /*zapis pro min-width*/
div {
float: left;
background: red;
}
}
---
https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/
.text {
font-size: 14px;
}
@media (max-width: 480px) {
.text {
font-size: 16px;
}
}
</style>
a jeste se da linkovat styl pres link
<link rel="stylesheet" type="text/css" href="screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
Jestli je to mobil nebo ne, se urcuje podle sirky obrazovky. A device je pak
zorazovaci zarizeni. Treba print je pro tisk na tiskarne. Treba chces, kdyz si
nekdo tiskne stranku, aby tam nemel menu a tim padem mel vice prostoru pro
obsah.
Kdyz tm nedas ani screen, ani print, tak se jedna o vsechna, viz posledni
priklad z kodu.
Zobrazeno 2 zpráv z 2.