2016-04-12 17 views
0

Farklı ekran çözünürlüklerinde boyutunu korumak için düğmeyi nasıl kullanabilirim? '%' Kullanmayı denedim ancak şu ana kadar sadece div'lerle çalıştı.Düğme boyutunun, kullanıcının çözünürlüğüne göre değiştirilmesi

.button{ 
     width:x; 
     height:y; 
     } 

Ekran çözünürlüğüne göre düğmenin x ve y değerleri nasıl olmalıdır?

+0

için aproximatly olacak tam ekran edilir Yani olur? Çözünürlük 800x600 ve 1920x1080 arasındaysa ancak aynı piksel yoğunluğuna sahipse ya da HDPI ekranlarındaki düğmeleri büyütmekten mi bahsediyorsunuz? İlk olanı ise '@ media' sorgularını kullanabilirsiniz. – Aeolingamenfel

+0

Yüzde bir düğme için çalışmalıdır. html ve body dahil tüm ana öğelerin genişliğini ve yüksekliğini% 100 olarak ayarladınız mı? – Koen

+1

Adam çok açık değilsin. İlk başta farklı ekran çözünürlüklerinde düğme boyutunu korumak istediğinizi ve ekran çözünürlüğüne göre düğmeyi değiştirmeyi istediğinizi söylüyorsunuz. Sonunda ne yapmak istiyorsun? –

cevap

1

görünüm portunu ekleme gibi niteliklerini boyutları vw veya vh düğmeleri tarayıcı boyutuna göre ayarlayacaktır. tarayıcı tam olarak ne demek istiyorsun, bunu çözünürlük göre farklı boyutlarda olmak istiyorum dediğimde o orada çözünürlük

button { 
 
    width: 10vw; 
 
    height: 10vh; 
 
} 
 
body { 
 
    height: 100vh; 
 
}
<button>Create</button>

0

line-height ile oynamak, şöyle Geciktirme kullanmayı deneyin ve yüksekliğini artırmak istiyorsanız satır içi

.button 
{ 

display:inline-block; 
padding: 2%; 

} 

yerleştirin böylece

.button 
{ 

line-height: 1.5rem; 
display:inline-block; 
padding: 2%; 

} 
İlgili konular