Follow along with the video below to see how to install our site as a web app on your home screen.
Notă: This feature may not be available in some browsers.
@media screen and (max-width: 500px) {
.wrapper {
max-width: 500px;
margin: 0px 0px;
border: 0px;
}
.body {
max-width: 500px;
min-width: 499px;
position: relative;
overflow-x: hidden;
}
#primary {
max-width: 450px;
}
#content {
max-width: 450px;
}
#head {
max-width: 500px;
}
#colophon {
max-width: 500px;
}
#secondary {
max-width: 450px;
clear:left;
}
#container_12 {
max-width: 500px;
}
#mobileresponsive {
display: none;
}
#search {
display: none;
}
#botmenu {
width: 455px;
background: #f03d0c;
float: left;
}
.page {
width: 455px;
background: #f03d0c;
}
.html {
overflow-x: hidden;
}
}
@media screen and (max-width: 500px) {
body {
max-width: 500px;
min-width: 499px;
}
.container_12 {
max-width: 500px;
}
.grid_12{
max-width: 500px;
}
}
Pai din articol nu reiese asta. Uite un exemplu clar ca nu face overwrite. Div doi desi are width 500px, nu se face mai mare de 300 .width face overwrite la max-width. Un articol destul de bun pentru reguli de genul este acesta https://css-tricks.com/tale-width-max-width/
<html>
<head>
<style>
.divUnu {
background-color: green;
width: 320px;
max-width: 500px;
}
.divDoi {
background-color: red;
width: 500px;
max-width: 300px;
}
</style>
</head>
<div class="divUnu"> Div Unu
<div class="divDoi">Div Doi</div>
</div>
</html>
Da, pentru ca are inheritance, adica, divUnu are width:320 si nu poate sa il faca mai mare decat 'parent div'.Div doi desi are width 500px, nu se face mai mare de 300