Zurb Vakfı 3 - Tam Genişlik Bölümleri & Maksimum Genişliği Değiştirin?

Bir projemde ZURB Foundation 3 kullanıyorum. Izgara sistemlerini ve yanıt veren sitelere bayılıyorum ancak sorunum hala 1000 px daha geniş olması gerektiğine inanıyorum.Zurb Vakfı 3 - Tam Genişlik Bölümleri & Maksimum Genişliği Değiştirin?

1) İlk kapalı bazı bölümleri (div'ler) tam genişlikte yapmak isteriz:

bir kaç sorum var. Şimdi okudum, <div class="row">'u <div class="container"> ile değiştirebiliyorum ve bu etkiyi yaratabileceğim. Şimdi bir sebepten dolayı bu doğru gelmiyor, sadece kendi sınıfımı tam genişlikte oluşturmalı mıyım yoksa bunu yapmanın en uygun yolu ne olmalı? 2) Daha büyük bir çözünürlüğe, belki de maksimum 1440 piksel genişliğe ve hatta sıvı% 100 tam genişliğe sahip olmayı çok isterim. Bunu yapmak için nasıl giderim ve/veya Vakfı benim için doğru çerçeve değil? Ben tüm şablonlar ile geldiği gerçeğini seviyorum yani süper hızlı ve dostane yapmak için dostça.

Şimdiden teşekkürler.

kaynak

2012-10-11 matt

Tasarımı için çalıştı. – cimmanon

Evet Bunu anlıyorum, ancak varsayılan "maksimum genişlik" yerine 1000px veya 960 yerine varsayılanı 1440px vb. Artırmayı tercih ediyorum. Bu, yanıtlamayı etkilememelidir. Neden her zaman 940-1000 piksel maksimum genişliğe sahip olma eğiliminde olduğumu açıklamaktan çekinmeyin? – matt

@cimmanon, belirli bir genişliğin nasıl oluşturulacağını sormuyordu, Foundation çerçevesinde sağlanan maksimum tasarım genişliğinin nasıl ayarlanacağını soruyordu. Max-width! = Genişlik –

Güncelleme: Lütfen bu yazıya oy vermeyi durdurun. Soru cevaplandırıldığı için çerçeve önemli ölçüde değişmiştir. Temel 4 veya daha yüksek bir sürümü kullanıyorsanız, lütfen güncellenmiş cevaplara bakın ve bunları oylayın. Vakfın 3 Erken sürümleri için

sadece sizin CSS aşağıdaki geçersiz kılma ekle Bu, birlikte varsayılan geçersiz kılar

.row { 
    width: 100%; 
}

(Bu sonra ya foundation.css sonunda yer almalıdır) çerçeve ve tasarımı tam ekrana getirin. Bu değeri ihtiyaçlarınız doğrultusunda değiştirmek için özgür hissedin.

(muhtemelen aynı şeyi yapar geçersiz kılar veya genişliğini .Row yerine geçer) http://foundation.zurb.com/download.php mevcut özelleştirilmiş indirme

kaynak

2012-10-11 17:15:04

müthiş teşekkür ederim, mesela ".full-row" adında yeni bir sınıf oluşturabilirim ve sadece% 100'ü de doğru yapabilirim? Özel indirme sürümünü görebildim, ancak maksimum genişlikte olduğunu ve bunun sadece mobil sürüm için olduğunu varsaydım ... çünkü satırın değeri 1000 piksel ve varsayılan yükleme maksimum genişliği 940px gibi görünüyor. – matt

Yeni bir tam satır sınıfının nasıl ekleneceğinden emin değilim. Seçicilerini .row sınıfından kurtarmak için birkaç CSS sınıfı vardır. Bu değişikliği uygulamadan önce foundation.css'yi incelerdim. –

Lütfen problemi çözerse cevap olarak işaretleyin. Teşekkürler. –

Düzenleme/ağır basan vakıf kolaydır da vardır. Foundation 4'te _settings.scss dosyanızı düzenleyebilirsiniz. $ Row-width uncomment çıkışı: emCalc (some_number.px); Kullanmak istediğiniz bir satır genişliğine. Uncommenting $row-width: rem-calc(1000);

kaynak

2013-05-20 14:05:40

duyarlı tasarım bütün kavramı ile belirli bir genişlik çatışmaların beni

kaynak

2013-12-05 10:34:17 AnkitG

Zurb Vakfı 3 - Tam Genişlik Bölümleri & Maksimum Genişliği Değiştirin?

cevap

İlgili konular