Неправильно масштабируется текст при просмотре с телефонов

V
На сайте с 04.06.2014
Offline
54
734

На сайте неправильно масштабируется текст при просмотре с телефонов.

Ноутбук:

Телефон:

От чего зависит масштабирование текста на мобильниках и как исправить подобную ситуацию, чтобы на телефоне была полная копия, но меньший масштаб?

Партнёрка №1 в essay-нише (https://goo.gl/YfTPtG)
Volnorez
На сайте с 15.02.2013
Offline
65
#1

В шапку

<meta name=viewport content="width=device-width, height=device-height, initial-scale=1">

в css

@media screen and (max-width: 600px) { // Если ширина экрана меньше 600

img {max-width: 100% !important;}

iframe, table, span, div, textarea, input, button, submit {max-width: 100% !important;}

}

Это одно из направлений решения для телефона...

Судя по структуре он должен неплохо сложиться. Кстати на нексусе он никуда не вылазит.

totamon
На сайте с 12.05.2007
Offline
437
#2

ваши пользователи с лупой в кармане должны ходить, чтобы текст после масштабирования читать? правильнее блоки складывать в колонку а размер шрифта наоборот увеличивать...

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий