Mobile Responsive CSS işi verilecek

14-01-2024, 15:46:07

#1

TheRaskol

Merhaba,

Daha önce çokça kişi baktı ama maalesef yapamadık. Daha önceki konular aşağıdaki gibidir.

Konu 1 Konu 2

Özetle iphone 13-14-15 gibi modellerde telefonu sağ çevirdiğim zaman ekran genişlemiyor. Ancak mesela prolarda ve iphone 11'de genişliyor. İphone 13-14-15'de edge'de sorun yok. Fakat Chrome ve Safari'de olmuyor. Anydesk üzerinden destek talep edeceğim.

Gerçekten yapabilecek birileri iletişime geçebilirse sevinirim. Site İmzamda mevcut.

Şimdiden teşekkür ederim.

25-01-2024, 17:30:11

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>