Bawię się z responsywnością na urządzeniach mobilnych, na samym początku natrafiłem na taki problem; nie chciały mi działać wartości %, jeżeli określałem w px div się pojawiał. Długo nad tym myślałem i zrobiłem tak, że określiłem jako 100% html, body. Jednak gdy dodałem do tego diva określonego w % ze zmianą koloru tła, tak by dla sprawdzenia ukazał zmianę nic się nie dzieje, jeżeli zamieniam z % na px zmiana następuje. Co to może być?
*{box-sizing: border-box;}
@media only screen and (max-width:680px);
{
}
html, body
{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
background-color: #cc0033;
}
#kontener
{
width: 80 %;
height: 80 %;
background-color: #ff99cc;
margin: auto;
}
</head>
<body ng-app="starter", onload="function(word, i)">
<ion-pane>
<ion-header-bar class="bar-stable">
</ion-header-bar>
<ion-content>
<div id = "kontener">
</div>
</ion-content>
</ion-pane>
</body>
</html>