Responsive Site Yapımı

TRCommando' Alıntı:

Arkadaşlar siteyi responsive yaparken her boyut için aynı css kodlarını içine mi yazacağım ?



Mesela Media only screen and (max-width: 960px) { } bu kodun içerisine bütün css kodlarımı komple atacak mıyım? farklı boyutlar için birdaha falan ?

Genişletmek için tıkla ...

Her 2 side olur fakat sadece değişen ler için yaparsan daha iyi olur

Dostum sana önerim öncelikle flex design dediğimiz, esnek tasarım modeline bir göz atman iyi olacaktır.
Şuan çalıştığın çalışmada responsive görünüm uygulayacağın içeriklerin kapsayıcısına, aşağıdaki kodları yazarak flex'in sana nasıl bir kolaylık sağlayacağını görebilirsin.


bu şekilde divlerin, ekran boyutuna göre kendini sayfaya sığdırır. Yani belirli bir boyutta, örnek veriyorum 3 divin var yan yana, belirli bir genişlikte yan yana değilde 2 tanesi yan yana, biri alt alta gelir, yine belirli bir genişliğe gelince üçüde alt alta hizalanır.

Bu yapıyı flex tasarımı iyice öğren. media sorgularını kullanarak ben şu cihaz boyutunda ekstra şunu istiyorum diye belirtebilirsin.

Ek olarak, flex-wrap:wrap; özelliğini no-wrap yaparsan veya kullanmazsan divlerin, içeriklerin sayfa küçüldükçe kendini oldukça daraltır, hatta her kelime belirli genişlikte alt alta bile gelir