PDA

Zobacz pełną wersję : Przeglądarka wersja Mobilna Cherome Firefox (Android)



cherrios
06-11-2014, 11:48
Witam
Wrzuciłem na stronke moduł archiwum artykułów standardowy z Joomla. W module tym można wybrać Dzień|Miesiąc|Rok | Filtr żeby odszukać dany artykuł. Z poziomu css-a moge poukrywać poszczególne elementy np. przycisk ROK za pomocą display:none; w przeglądarkach na komputerach stacjonarnych przycisk zostaje ukryty.
Problem:
W przeglądarce mobilnej np Chrome na androida inaczej wygląda sposób działania takich przycisków ponieważ nie rozwijają sie tradycyjnie a jedynie wyświetla się lista z wyborem np. miesięcy. CSS w tym wypadku w ogóle nie przekłada się na wystylizowanie tych elementów pod przeeglądarką mobilną (Android). Jak np ukryć, zmienić rozmiar takiego przycisku. Nawet jak ukryje cały DIV to na przeglądarce w Androidzie dalej jest.

Jak odwoływać się do takich elementów z poziomu css-a aby były widoczne dla Androida?

Dziękuję

zwiastun
06-11-2014, 16:10
Zapoznaj się z tematem: zapytania o media (media queries).

cherrios
06-11-2014, 19:14
Zapoznaj się z tematem: zapytania o media (media queries).

Trochę zbyt ogólna ta odpowiedź
(Zakładam że wiadomo jak wygląda moduł archiwum artykułów, posiada 3 okienka Miesiąc|Rok| Liczba pozycji wyś.| Przycisk Filtr)

Chodzi o to że, czy z regułą @media czy bez niej okienko wyboru np. miesiąca nie chce się ukryć (formatować) pod css-em dla przeglądarek w wersji mobilnej.

Zastosowałem regułę:

7893

@media all and (orientation:portrait) {
.archive #month_chzn {
display:none;
}}
dla tych przycisków to nie działa pod przeglądarką mobilną dla stacjonarnej jest OK

Any Idea ... czy ptoblem tkwi w tym o czym napisałeś czy gdzieś indziej
Pozdrawiam

pkosela
07-11-2014, 12:25
Spróbowałbym chować przez media query dla konkretnej szerokości ekranu.