Css Ekrana Göre Sayfa Ayarlama

  • Konuyu başlatan Konuyu başlatan nomaxx
  • Başlangıç tarihi Başlangıç tarihi

nomaxx

Öğrenci
Katılım
24 Ağustos 2013
Mesajlar
74
Reaksiyon puanı
0
Puanları
0
Merhaba arkadaşlar bir site yapıcam ve şöyle bir sorunum var mesela menüye yukarudan 70px veriyorum benim bilgisayarımda tam oluyor fakat daha küçük ekranlı bir bilgisayarda

daha fazla aşağıya kayıyor bunu nasıl çözebilirim her bilgisayarda aynı yerde çıkmasını istiyorum. Yardım edin lütfen.
 

mrgogo

Öğrenci
Katılım
22 Ağustos 2008
Mesajlar
80
Reaksiyon puanı
1
Puanları
8
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
#box1 { margin-top: 10px; }
}

@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
#box1 { margin-top: 8px; }
}

@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
#box1 { margin-top: 5px; }
}
@media only screen and (max-width: 320px) {
#box1 { margin-top: 2px; }
}

Responsive CSS yaparak sorunu halledebilirsin. Yani çözünürlüğe göre css...

Daha fazla bilgi için google ve https://www.entomic.com/responsivecss/
 
Üst