Webboard

Pełna wersja: Błędne wyświetlanie stylu w urządzeniach mobilnych
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.5
adres forum: http://www.hacknslash.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Skórki na forum wyglądają tak jak powinny na komputerach, ale w przypadku urządzeń mobilnych wielkości czcionek są zbyt duże co widać na poniższym zdjęciu:
[Obrazek: ojpSnWr.png]
Domyślna skórka MyBB wyświetla czcionki prawidłowo (nie są powiększone), a wszystkie pozostałe style były tworzone właśnie na podstawie domyślnej skórki z wersji 1.8.5. Elementy, które na pierwszy rzut oka wyświetlają się niepoprawnie to m. in. wiadomość powitalna z logowaniem i rejestracją, nazwy i opisy działów oraz statystyki forum (grupy użytkowników + ilość postów itd.). Po zalogowaniu wygląda to trochę lepiej, tzn. wiadomość powitalna jest zastępowana przez panel użytkownika, który wyświetla się poprawnie. Większość z tych rzeczy objęta jest klasą smalltext, która ma przypisaną wielkość czcionki 11px.
Kod:
.smalltext {
    font-size: 11px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
Tutaj fragment szablonu header_welcomeblock_guest, który wyświetla się niepoprawnie:
Kod:
                        <!-- Continuation of div(class="upper") as opened in the header template -->
                        <span class="welcome"><i class="fa fa-bullhorn" style="font-size: 14px; margin-left: 3px; margin-right: 2px;"></i><strong> {$lang->welcome_guest}</strong></span><span style="float: right;"><i class="fa fa-clock-o" style="font-size: 14px;"></i> {$lang->welcome_current_time}</span>
                    </div>
                </div>
<div class="lower" style="padding-left: 0px;">
<a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login" style="padding-left:0px; color: #869494;" ><i class="fa fa-key" style="color: #FFFF66;"></i> {$lang->welcome_login}.</a><span class="smalltext" style="margin: 0 2px 0 8px;">Nie masz jeszcze konta?</span><a href="{$mybb->settings['bburl']}/member.php?action=register" class="register" style="color: #869494; margin-left: 2px;"><i class="fa fa-sign-in" style="color: #FF5C33;"></i> {$lang->welcome_register}</a>
</div>

Kiedy zmienię font-size w .smalltext na np. 7-8px, to na telefonie wielkość czcionki jest taka jak być powinna, za to na komputerze jest miniaturowa :< Smalltext w domyślnym stylu MyBB różni się jedynie tym, że nie ma text-shadow.

Nie wiem czy konto testowe będzie potrzebne do zdiagnozowania przyczyny, ale że jako gość nie może zmienić stylu, to podaję: Test/test123456
Do headerinclude dodaj
Kod:
<meta name="viewport" content="width=device-width, initial-scale=1">
Rozwiązało to mój problem, aczkolwiek nie wiem dlaczego występował on jedynie w dodatkowych skórkach, podczas gdy w standardowej skórce MyBB było OK pomimo tego, że nie miała tej linijki :<

Bardzo dziękuję za szybką pomoc, leci pozytyw, polecam allegrowicza.
Sprawa ustawienia rozmiaru czcionek. Domyślny styl nie wszędzie wyświetla go poprawnie https://drive.google.com/file/d/0B_LBwXF...sp=sharing