Responzívny webový dizajn
Príklady kódu
čo je citlivý dizajn
/* Answer to: "what is responsive design" */
/*
Responsive web design is an approach to web design that makes
web pages render well on a variety of devices and window or screen
sizes. Recent work also considers the viewer proximity as part of
the viewing context as an extension for RWD.
In other words, it makes your website look nice on all devices.
To learn Responsive Web Design head over to W3Schools tutorial:
https://www.w3schools.com/css/css_rwd_intro.asp
*/citlivé body prerušenia 2020
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
responzívny web design html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
responzívna stránka
/*Default CSS layout for narrow screens*/
@media (min-width: 480px) {
/*CSS for medium width screens*/
}
@media (min-width: 800px) {
/*CSS for wide screens*/
}
@media (min-width: 1100px) {
/*CSS for really wide screens*/
}Podobné stránky
Podobné stránky s príkladmi
V iných jazykoch
Táto stránka je v iných jazykoch
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................
Populárne v tejto kategórii
Populárne stránky s príkladmi v kategórii
empty row