Drukowana wersja tematu

Napisany przez: muumiin 20.02.2015, 09:08:37

Mam taki problem - w firefoxie przy powiekszeniu do 120% zle mi sie wyswietlaja selecty - po rozwinieciu listy ucina prawa krawedz. Mozna przy uzyciu jQuery odczytac powiekszenie okna, tak, zeby dla tego powiekszenia zmienic klase?

PS Przepraszam za polskie znaki, jestem za granica i korzystam z komputera z inna klawiatura...

edit:Sorki - pomylilam sie i napisalam o odczytaniu szerokosci okna, a nie powiekszenia, a pozniej sie dziwilam, czemu mam takie dziwne odpowiedzi...

Napisany przez: Aqu 20.02.2015, 09:27:57

Nie potrzebujesz do tego javascript. Możesz to zrobić przy użyciu css:

[HTML] pobierz, plaintext 
 
@media screen and (max-width: 800px) {
    .select {
 
 
}
}
 
[HTML] pobierz, plaintext 

czyli, jeżeli szerokość jest mniejsza niż 800px, to uaktywnią się te klasy w klamerkach.

Napisany przez: muumiin 20.02.2015, 09:32:24

chodzi o powiekszenie, nie o szerokosc okna.... gdy jest powiekszenie 120%, select nie ma prawego obramowania...

Napisany przez: Aqu 20.02.2015, 09:34:40

Powiększając okno zmniejszasz rozdzielczość, sprawdź sobie:
https://jsfiddle.net/d673v5na/

Napisany przez: muumiin 20.02.2015, 10:01:39

zmniejszac rozdzielczosc mozna tez zmniejszajac wielkosc okna. Ale wtedy wyswietla sie wszystko dobrze. Chodzi o to, ze stronka jest swietna na wszystkich urzadzeniach mobilnych, we wszystkich przegladarkach oprocz firefoxa przy powiekszeniu. Wiem, ze to glupota, ale szef sie uparl, ze tak nie moze byc. Pytanie nie bylo o to do czego sluzy media query - z tym nie ma problemu, jest uzywane w calym css-ie. Chodzi o konkretny problem - jak odczytac powiekszenie.

Napisany przez: !*! 20.02.2015, 11:02:35

http://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all-modern-browsers/5078596#5078596