çalışmıyor calc
olduğu gibi yeni vw
(ve vh
, vmin
ve vmax
) CSS birimleri, oldukça yararlıdır. Her ikisi de Chrome'da iyi çalışır (ikincisi -webkit-calc
olarak önceliğe sahiptir), ancak bir nedenden dolayı birim gibi width: -webkit-calc(95vw - 25em)
gibi bir özellik değerinin geçersiz bir özellik değeri verdiğini buldum. Bu henüz henüz uygulanmadı mı, teknik mi, bir hata mı?"vw" CSS birimleri
cevap
O Bug 94158 olarak kayıtlı bir hata, var - kalk viewport birimlerinin ile çalışmıyor.
Hata düzeltildi mi? Bunu kullanmak zorundayım, ya da bir alternatif ve bunu yapmanın başka bir yolunu bulamıyorum ... –
@Samoth Bildiğim kadarıyla değil. Chrome 31.0.1650.57 m'de ve bu konuyla yeni karşılaştım. – Blieque
Doğru, bu krom hata hala bir hatadır ve şu anda ele alınmıyor. – runspired
Eski bir hata ve uzun süredir düzeltildi, ancak hala eski sürümlerini destekliyorsanız ve özellikle de bu hatayı bir Android tablette eski bir krom sürümüyle karşılaşıyorsanız (benim durumum gibi)), işte bu hata ile karşılaşabileceğiniz basit bir yol:
Hedeflediğiniz VW'yi kaplayan bir sarıcı kullanın ve sonra da calc (view) içindeki viewport birimlerini kullanmak yerine% 100 kullanın.
html:
<div class="container">
<div class="inner-calc-with-viewport-units-bugged" />
</div>
CSS:
.container {
width: 100vw; //or height: 100vh, depending on your usecase
}
.inner-calc-with-viewport-units-bugged {
width: calc(100% - XXXXX px); //or height: calc(100% - XXpx);
}
- 1. vw ile CSS çeviri, iOS <8, geçici çözüm üzerinde çalışmıyor?
- 2. dosya: Eksenlerde birimleri göster?
- 3. SQL Server birimleri soru
- 4. jQuery - Ofset birimleri
- 5. html5 tuval birimleri
- 6. Viewport Genişliğini (vw) kaydırma çubuğu olmadan hesaplamak mümkün mü?
- 7. vh /% birimleri ve klavyedeki klavye
- 8. Dönüştürme vh birimleri için JS
- 9. Pandalar verilerindeki birimleri nasıl yönetebilirim?
- 10. Matplotlib font boyutu eksen birimleri cinsinden
- 11. Active Directory'den Organizasyon Birimleri listesini nasıl alabilirim?
- 12. rbd birimlerinin rbd birimleri yapılandırması kubernetes
- 13. Şifreli Vs Şifrelenmemiş EBS Birimleri AWS
- 14. Vw veya vh özelliklerini desteklemeyen eski mobil tarayıcılarda ne olur?
- 15. Minimum vh değeri (CSS)?
- 16. Mobil cihazlar için HTML e-postasında yazı tipi boyutu için vw (viewport genişliği) kullanmak tamam mı?
- 17. MySQL'deki para birimleri için en iyi veri türü nedir?
- 18. Spring + JPA + çoklu kalıcılık birimleri: EntityManager'ı enjekte etme
- 19. Delphi'de, projelerime paylaşılan bir pakete paylaşılan birimleri mi eklememeliyim?
- 20. Uzaktan verilen NFSv4 birimleri nasıl listeleniyor? Nfsv3 ile
- 21. Fiziksel birimleri kaydetmek için R öznitelikleri kullanabilir miyim?
- 22. Android, piksel birimleri belirtme (sp, px, dp gibi) XML kullanmadan
- 23. Değerleri hesapladıktan sonra difftime birimleri nasıl değiştirilir ve
- 24. CSS: CSS hattını
- 25. CSS
- 26. CSS:
- 27. CSS
- 28. CSS
- 29. CSS
- 30. CSS
spec bile bir örnekte kullanılan, calc' '' in vw' sağlar: http://www.w3.org/ TR/css3 değerleri/# calc –
Bu Chrome'da bir hataydı, ancak şimdi düzeltildi –