2013-02-16 9 views
10

Zaprojektowałem stronę internetową na telefon/tablet. kiedy otwieram go w przeglądarkach na urządzenia mobilne/tablety, pole wyboru wygląda na małe i trudne do zidentyfikowania, czy jest sprawdzane czy nie. Próbowałem z css. ale bezużyteczne.Jak zwiększyć rozmiar pola wyboru na stronach internetowych na telefony komórkowe lub tablety?

Jak zwiększyć rozmiar pola wyboru dla stron internetowych na telefon/tablet? czy istnieje jakieś rozwiązanie?

+0

Pytanie zadawane wiele razy. Spójrz na: http://stackoverflow.com/questions/7213728/how-can-i-make-a-checkbox-bigger http://stackoverflow.com/questions/306924/checkbox-size – megatxi

+1

@ iskrzenie istnieje różnica między rozbieżnościami między przeglądarkami na tym samym ekranie (np. IE vs Chrome na PC) oraz między rozbieżnościami między urządzeniami o różnych rozdzielczościach (np. ekran komputera a wyświetlacz iPhone'a Retina). Twoje posty adresują poprzednie. Adres Pavena na ostatniej starej stronie: – abbood

+0

, ale: Polecam użycie "label for = checkbox-id", co powinno zwiększyć użyteczność (pole wyboru jest również zaznaczone/niezaznaczone po kliknięciu/dotknięciu tekstu etykiety) – Gunnar

Odpowiedz

16

try:

<input type="checkbox" style="min-height:80px;min-width:80px;"> 

"min-" oświadczenie jest twoim przyjacielem ;-)

+0

dziękuję kumplowi. zadziałało – maverickosama92

+0

święte bzdury, tak! – deflime

+1

Nie jest obsługiwana obsługa wielu przeglądarek. – Revolution88

1
input[type=checkbox] { 
    /* All browsers except webkit*/ 
    transform: scale(2); 
    /* Webkit browsers*/ 
    -webkit-transform: scale(2); 
} 
Powiązane problemy