CSS media queries ayarları!

dssoft7 436 gün önce

357 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Merhabalar,
kafayı yemek üzereyim bir projeye girdim ama full responsive tasarım olsun istiyorum. Telefon tablet ve bilgisayar görünümü kaç px olmak zorunda ? kaça kaç ayarlamam lazım kodlarımı upload edip eke bırakıyorum kontrol edip. responsive için nereye ne eklemem gerekiyor söyler misiniz ?

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (5)

murat03yigit

412 gün önce

Arka plan resmi vermek için ayrı bir div açmana gerek yok body tagına css olarak yapabilirsin background:url(ustbar.jpeg); kullanabilirsin
width:100vw; açılımı view width ÖR: Ekranın yatay uzunluğunun yarısına eşitlemek istiyorsun 50vw yazman yeterli
Aynı şekilde dikey içinde vh view height
Neredeyse elemanlarının hepsinde position:absolute; kullanmışsın!
Çok eksiğin var deniye deniye öğreniceksin
Kaynaklar
- css tricks
- codepen.io
- youtube: online tutorial

#012912

nurullahdnc

422 gün önce

merhaba isterseniz yardımcı olabilirim.

#012904

mrmusk60

424 gün önce

Dosyayı böyle paylaşırsan bence güvenlik nedeniyle kimseler açmaz. Bu yüzden github reposu açabilirsen yardımcı olmak isteyen
ve projeye destek vermek isteyen birçok arkadaş çıkabilir

#012894

abork

428 gün önce

Selam, öncelikle tablet + telefon ekranları için "@media screen and (max-width992px){}" kullanabilirsin. Ama ilk düzenlemerini yaparken CSS'te kullandığın "!important" gibn ibelirtmeler var ise media sorgularını ezer ve çalışmaz.Gerekmedikçe "important" kullanmanı önermem.

https://gist.github.com/Mikodes/be9b9ce42e46c3d4ccb6 bu linkten sorguların detaylarını ve hangi ekranlara özel öğrenebilirsin.

pure css örn.

@media screen and max-width(992px){

body{
    width:200px
}

}
body{

width:900px

}

#012885

dssoft7

436 gün önce

https://dosya.co/jmfhku5lucxn/hunddle.rar.html
dosya linki budur.

#012868