1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

Поломка мобильной верстки страницы

Тема в разделе "Web Coding", создана пользователем wwizard, 26 фев 2018.

Модераторы: latteo
  1. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    480
    Симпатии:
    14
    До моих правок по вставке картинок и прайса - все было хорошо. а теперь поплыла мобильная версия страницы, и прайс через мобилку открывается через одно место: https://goo.gl/K6BxZm - вот сайт. Чтото можно придумать, чтоб поправить ошибки мобильной верстки - и по факту посмотреть юзабилити сайта, так как он создан для рекламы для Я.Директа и Гоогле Адвордса
     
  2. kastembay

    kastembay Славянин

    Регистр.:
    3 янв 2013
    Сообщения:
    189
    Симпатии:
    105
    У вас прайс сверстан практические как таблица display: table-cell, сделайте медиа запросы @media и переведите display: block, а дальше все padding-ами и margin-ами
     
  3. msheduler

    msheduler Писатель

    Регистр.:
    29 июн 2013
    Сообщения:
    2
    Симпатии:
    0
    если по-быстрому, добавьте в .css
    -----------------------------------------------
    @media (max-width: 760px)
    {
    .t510__textwrapper
    {
    padding-left: 1%;
    float: left;
    }
    }
    ----------------------------------------------
     
  4. superserega

    superserega Создатель

    Регистр.:
    27 сен 2017
    Сообщения:
    27
    Симпатии:
    2
    почему бы не использовать бутстрап?
     
  5. st1000

    st1000 Создатель

    Регистр.:
    16 апр 2015
    Сообщения:
    10
    Симпатии:
    0
    Ну и по желанию под планшетную вёрстку тоже можно сделать
     
  6. elkoyot

    elkoyot Писатель

    Регистр.:
    25 мар 2018
    Сообщения:
    13
    Симпатии:
    4
    если использовать бутстрап, то нужно обернуть все таблицы в div с классом table-responsive
    причем можно указать при каких размерах экрана срабатывать
    table-responsive{-sm|-md|-lg|-xl}
    и у самой таблицы должен быть обязательно класс table
     
    creamel нравится это.
  7. AlexSVG

    AlexSVG Создатель

    Регистр.:
    27 сен 2017
    Сообщения:
    14
    Симпатии:
    5
    Да лучше сделать нормальную блочную верстку. Желательно использовать Bootstrap4 или Foudation6. Так как гриды сделаны на флексах а не на флоатах. Что гораздо упрощает жизнь.
     
  8. iqwinsa

    iqwinsa Создатель

    Регистр.:
    10 янв 2018
    Сообщения:
    10
    Симпатии:
    0
    Предлагаю юзать pure css io, хороший фрейм на флексе
     
  9. Night_Pilgrim

    Night_Pilgrim Создатель

    Регистр.:
    16 май 2013
    Сообщения:
    13
    Симпатии:
    1
    > так как он создан для рекламы для Я.Директа и Гоогле Адвордса

    блоки директа и адвордса потом тоже в css поправить не забудьте)