Responsive tasarım

Katılım
24 Şub 2021
Mesajlar
21
Puanları
1
Yaş
18
HERKEZE MERHABA BASİT BİR WEB SİTESİ TASARLADIM 850 PX ALTINA İNDİĞİNDE NAVBARIN DİKEYE GEÇMESİNİ İSTİYOUM ASLINDA YAPTIMDA BUNU ANCAK GOOGLE'IN İNCELE BÖLÜMÜNDE TELEFON GÖRÜNÜMÜNE BAKTIĞIMDA HERHANGİ BİR DEĞİŞİKLİK OLMUYOR BUNUN SEBEBİNİ BİLEN VARMI NERDE YANLIŞLIK YAPMIŞ OLABLİRİM
@media(max-width:850px){
.menu {
position: fixed;
background-color: antiquewhite;
width: 100&;
height: calc(100vh -80px);
display: flex;
flex-direction: column;
align-items: center;transition:
}
}



BASİTÇE YUKARIDAKİ GİBİ BİR KOD YAZDIM EKRANI KÜÇÜLTÜĞÜMDE ÇALIŞIYOR AMA DEDİĞİM GİBİ GOOGLIN İNCELE KISMINDA HERŞEY KÜÇÜLÜYOR HİÇBİRŞEY DİKEYE GEÇMİYOR BİR TÜRLÜ ÇÖZEMEDİM YARDIMCI OLURSANIZ SEVİNİRİM
 
@media (max-width: 850px) {
.menu { position: fixed; background-color: antiquewhite;
width: 100%;
height: calc(100vh - 80px);
display: flex;
flex-direction: column;
align-items: center; transition: all 0.3s ease-in-out;
}
.menu li { display: inline-block; margin: 0 10px; } }

Bu şekilde denermisin ne olacak
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için onları kabul etmelisiniz. Daha fazla bilgi edin…