- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта
Применяем отклонение ссылок
Сервис Rookee
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Решил я вспомнить молодость и немного поверстать. Оказывается со времён HTML 4.01 прошло так много времени, что вместо JavaScript теперь используют jQuery, а дизайны стали должны уметь подстраиваться под мобильные устройства. :lol: Ну да ладно ... с JQuery всё оказалось достаточно просто и вопросов не возникло, а вот с адаптивным дизайном что-то не совсем заладилось. Надеюсь, что современные гуру помогут "динозавру" ...
Имеем:
Сайт школы китайского языка для детей - http://sunnyi.ru/ который некорректно отображается на мобильных устройствах:
1. Если сайт открыть на устройстве впервые, то он открывается в увеличенном виде:
Непонятно почему так и как это исправить.
(изображения кликабельны)
2. После того как вручную уменьшить масштаб, шрифт становится слишком мелким когда экран расположен вертикально:
при горизонтальном расположении экрана шрифт нормальный (такой какой и должен быть):
Складывает впечатление, что браузер подстраивает шрифт именно под горизонтальное расположение экрана. Как бы сделать так, чтобы он менял масштаб шрифта в зависимости от расположения? (понятно, что что это можно сделать через JS, а можно ли как-нибудь по проще?)
P.S. Заранее спасибо за конструктив.
Я бы для начала разобрался с min-width:700px; в верстке. С адаптивостью под моб. это немного конфликтует.
А дальше уже через медиа запросы регулировать все в зависимости от расширения экрана
Я часть адаптивности элементов не через медиа запросы делаю, а через jquery, вот такой я дурень 🤪
Я бы для начала разобрался с min-width:700px; в верстке. С адаптивостью под моб. это немного конфликтует.
Не знал. Убрал min-width и шрифты действительно увеличились (правде вёрстка немного расползлась, но это ожидаемо). Ок, вернусь как переделаю. Спасибо.
Как и обещал - возвращаюсь. Во-первых, хочу ещё раз сказать спасибо BrightGuy - изменил немного код и всё стало вполне удобоваримо на мобильных устройствах: http://sunnyi.ru/.
Оказалось, что адаптивный дизайн это банальное сжатие до минимальных размеров по ширине. Всё настолько просто, что даже почти неинтересно ... но, к сожалению полностью реализовать это средствами HTML весьма затруднительно (хотя и возможно) и нужно подключать либо @media-запросы в css, либо JS (чем я и воспользовался по совету ziliboba0213). В этой связи у меня возник вопрос: что из них предпочтительней при адаптации сайта под разные разрешения и почему? ИМХО, JS универсальное, т.к. поддерживается большим количеством браузеров, а также (если не ошибаюсь), в отличии от CSS работает при изменении размера окна браузера без перезагрузки содержимого. В чём же плюсы медиазапросов? Может они быстрее отрабатываются? Или ещё что-нибудь?
ИМХО, JS универсальное, т.к. поддерживается большим количеством браузеров, а также (если не ошибаюсь), в отличии от CSS работает при изменении размера окна браузера без перезагрузки содержимого.
ИМХО, как раз наоборот. Слова JS и CSS надо переставить местами.
JS и CSS надо переставить местами
Меня больше интересует не порядок, а его аргументация.
Меня больше интересует не порядок, а его аргументация.
Ну оно же ИМХО на ИМХО :)
Ну, а вообще - CSS работает с тем DOM, который есть, и ему уж точно ни к чему перезагружать страницу. А вот JS как раз может нагородить своих элементов, и тогда либо код надо усложнять, либо перезагружать. Ну и насчёт совместимости - CSS как раз более консервативен, а в JS постоянно новые фишки появляются.
Научитесь еще выносить js и css во внешние файлы)))
CSS работает с тем DOM, который есть, и ему уж точно ни к чему перезагружать страницу
Проверил https://jsfiddle.net/7wkfbL4d/ - действительно так. И всё-таки, пока плюсов (перед JS - который не городит своих элементов, не использует "новые фишки" и выполняет только функции аналогичные медиазапросам - я не вижу. А вот у JS - вижу: адаптивные версии сайта будет корректно отображаться в ИЕ 6-8. Хочу хоть увидеть один аналогичный плюс нового CSS.
---------- Добавлено 04.11.2017 в 21:05 ----------
listian, я не просил "умничать" и анализировать качество моей "лабы" - на то она и лаба, что не оптимизирована. Или Вы и вправду считаете, что я не умею выносить css и js в отдельные файлы?
На самом деле, все что можно сделать через css, нужно делать css-ом.
js только на крайний случай (перенос блока куда-нибудь)
Так как работа с DOM деревом очень ресурсоемкая, а это лишняя нагрузка.
Да и править/читать проще css.