То, что показали вы, — это уникальные визуальные онлайн-конструкторы для создания готовых к печати заголовков по заранее созданным макетам.
Разработка такого виузального конструктора с нужным вам функционалом — дорогая вещь. Какого-то универсального решения, которое бы без доп. разработки позволило вам запустить такой конструктор у вас на сайте, — нет.
LissaAlbatross, опасность в том, что клиенты хотят много, а опыта у вас мало.
В итоге будете работать за еду и даже в минус, так как вы будете тратить время на решение множества проблем. Кроме того, пока что вы точно не знаете, когда что-то реализовать технически либо невозможно, либо очень долго, поэтому желания клиентов могут быть для вас очень деструктивными. А клиентв к тому же обычно хотят всё быстро и дешевле.
И тут уже вам поможет ваша доходчивость, ум и везение. Если в таком режиме вы сможете быстро получать опыт и быстро расти профессионально, то всё хорошо. Если нет — будет мука, а не работа :))
Пока о красоте и правильности верстки говорить сложно, так как пока что не очень красиво, а сам дизайн очень прост. Учитесь и ещё раз учитесь, тогда всё будет хорошо, желаю удачи! Это не ирония. Если есть возможность попасть куда-нибудь в студию или офис — не теряйте эту возможность.
Brad9aga, полный размер родительского блока — это от 0% до 100% по обеим осям. Ставишь в них точки с координатами X и Y друг за другом, создавая область обрезки.
LissaAlbatross, можно и так сказать, вот только про 480 пикселей там уже устаревшее. Это старые устройства, новые же имеют по 600–1000 пикселей ширины в портретном режиме, ибо экраны больше стали.
Советую пока забить на портретный режим телефонов. Там много отступлений для него. У вас там будет на большинстве запускаться вёрстка под планшеты в портретной ориентации. Потом уже точечно можете править сомнительные моменты с помощью комбинирования выборки по ширине и высоте.
Да, точно, это другой файл к тому же. Не знаю, что за файл, смотрите сами. Если это файл со сбросами стилей, то, если что, алгоритм тот же — нужно разместить его перед основным файлом.
LissaAlbatross, стили медиазапросов должны идти после основных стилей. У вас же наоборот: основные стили на строке 128, а медиазпаросы почему-то на 32-й:
Самый большой — не знаю, я видел что-то из разряда ~500px. Изучайте рынок устройств. Самый широкий viewport у iPhone, например, — это 414px в портретном режиме (Plus'ы и XS Max).
Но! Получается пропасть между условными 500px и 768px (планшеты, iPad портрет). Поэтому я ставлю универсальные max-width: 767px для телефонов. Это учитывает практически все телефоны и планшеты, кроме, по сути, 7-дюймовых старых планшетов на Android (там 600 px по ширине, поэтому там будет мобильная верстка). Так что совсем не страшно, ибо на рынке их нет уже.
Если у вас будет время, можете более детально разбивать диапазоны верстки, чтобы добиться нужного результата в уникальных случаях.
LissaAlbatross, такого мобильного 1080px не бывает. Даже если у него по ширине экран имеет 1080px, объясните ему, что физическое разрешение экрана — не то же самое, что viewport в браузерах.
Пришлите сайт, кстати. Вы могли тупо неверно поместить ваши правки в иерархии кода, поэтому он их и не видит.
Он учитывает схлопываемые панели управления браузеров на мобильных (iOS Safari и Android Chrome). Иначе, если просто 100 vh и если нет контента, всё равно можно будет немного прокрутить в этих браузерах страницу, пока интерфейс не схлопнется.
То, что показали вы, — это уникальные визуальные онлайн-конструкторы для создания готовых к печати заголовков по заранее созданным макетам.
Разработка такого виузального конструктора с нужным вам функционалом — дорогая вещь. Какого-то универсального решения, которое бы без доп. разработки позволило вам запустить такой конструктор у вас на сайте, — нет.