- 21 Ağu 2016
- 935
- 1
Responsive Site Yapımı
- Konbuyu başlatan TRCommando
- Başlangıç tarihi
- 8 Ocak 2013
- 5,400
- 1
- 2
Her 2 side olur fakat sadece değişen ler için yaparsan daha iyi olur
- 8 Eyl 2016
- 1,646
- 1
- 1,001
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
Ş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.
Kod:
display:flex;
flex-wrap:wrap;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
Son düzenleme:
