1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Как правильно решить проблему?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 28 мар 2017.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Есть сайт http://tapas.by/
    Внизу главной страницы есть 2 новости. Сайт мобилен. Все было хорошо, пока заголовки не стали больше, ну и текст под ними. При таком раскладе при изменении разрешения вся красота выходит за положенные рамки: http://joxi.ru/brR64VVsJVjgwr
    Подскажите как решить данный вопрос, чтобы всегда все красиво смотрелось?
     
    AlexGood, 28 мар 2017
    #1
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Если адаптивку делаешь, за относительность незабывай, а не ввезде жостко px прописывай.
    Например для заголовков новостей - font-size: 1.1em; измени :Acute:
     
    spy, 28 мар 2017
    #2
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    это не помогает :( это тот же размер текста, только немного в другой интерпретации...
     
    AlexGood, 28 мар 2017
    #3
  4. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Уважаемый, так у вас не кросбраузерный сайт(блок новостей и другие страници)!, с этого нужно было начинать!
    В хроме в одном расшерении(1600-1675пх) в первом блоке проблемы, в лисе и IE в другом разрешении и в двух блоках.
    Вы сначала кросбраузерность сделайте, а потом либо контент ужимайте (font-size:Smile:, либо блоки-дивы размеры меняйте (а не 50/50% всегда)
     
    spy, 28 мар 2017
    #4
    AlexGood нравится это.
< Как задать отступ слева контейнеру для мобильных телефонов? | Как нарисовать кнопку >