Responsive tasarım

[mehmetbtr733]

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

 

[yusufkaynar]

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