Telefonun dik ve yatayda farklı css istiyorsun aşağıdaki gibi kullanmalısın.
Mesela dik'de arka plan sarı - yatay çevirdiğinde mavi olmalı
css:
<style>
/* ********************************************************* Yatayda bu css */
@media screen and (orientation: landscape) {
body {
background-color: lightblue;
}
}
/* ********************************************************* Dikeyde bu css */
@media screen and (orientation : portrait) {
body {
background-color: yellow;
}
}
</style>
Örnek html:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* ********************************************************* Yatayda bu css */
@media screen and (orientation: landscape) {
body {
background-color: lightblue;
}
}
/* ********************************************************* Dikeyde bu css */
@media screen and (orientation : portrait) {
body {
background-color: yellow;
}
}
</style>
</head>
<body>
<p>Deneme Metni</p>
</body>
</html>