2016-04-14 24 views
0

css'de vh/vw değerlerini kullanmakta yeniyim, ancak şu anki projemde kullanıyorum, ana içerik kabının tüm viewport yüksekliğini doldurmasını istiyorum. Bu, görünüm bozulduğunda görünüm noktası yaklaşık olarak 200/300 piksele dikey olarak küçülünceye kadar fevkalade çalışır.Minimum vh değeri (CSS)?

Tam olarak istediğim, tam olarak olduğu gibi çalışması (tüm ekranı doldurun), ancak sabit bir piksel değerinde küçülmeyi durdurmaktır.

.container { 
    height: 90vh; 
    min-height: 400px; 
} 

herkes bir çözüm önerebilir: Ancak şu ben umduğu gibi işe yaramadı?

Şimdiden teşekkürler. görünüm biri eşit 1/100 yüksekliği -

+0

Neden değil? Ne oldu? – SLaks

+1

Benim için çalışacak gibi görünüyor.https: //jsfiddle.net/1ga4a1uh/2/ –

+1

Ayrıca, 400px'lik bir min yükseklik istiyorsanız ve viewport'u 300px'e küçülttüğünüzde başka ne bekliyorsunuz? –

cevap

2

ana içerik kap bütün görünüm Yükseklik

.container { 
    height: 100vh; 
    min-height: 300px; 
} 

1vh doldurun.