2014-02-01 4 views
0

Может кто-нибудь помочь мне с предложением об этом фиксируя текстовые фреймы на этой WordPress странице сайта http://www.blackcoatinnovations.com/#thirdСайт страница сдавливание влияет врезка

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

Интересно отметить, что если вы сжимаете его LOT, текстовые фреймы меняют ориентацию и переходят один над другим, и это то, что похоже на смартфон, поэтому, если возможно, я не хочу уничтожать это мобильная дружественная функция. Но есть ли способ избежать ситуации «в промежутке», когда текстовая рамка перепутана?

ответ

1

Это потому, что оно отзывчивое и будет адаптировать процентное соотношение к доступному пространству экрана. Если вы посмотрите на свой файл Bootstrap css здесь: http://www.blackcoatinnovations.com/wp-content/themes/BootstrapParallax/css/bootstrap-responsive.css, вы можете установить, где должен произойти этот чувствительный триггер.

Так у вас там @media (мин-ширина: 768px) и (макс-ширина: 979px)

Это значит, пока он не достигнет ширины 767 (один меньше, чем ширина мин), это будет сжать, а затем, как только он достигнет 767 - перейдите на макет телефона. Если вы установили минимальную ширину в этой строке и максимальную ширину выше в следующем запросе на носитель, вы можете заставить ее защелкнуться там, где вы хотите.

Есть и другие способы, но это было бы быстрым решением.

+0

Спасибо за это. Я внес эти изменения. Теперь это медиа (min-width: 1280px) и (max-width: 1500px), а затем следующий материал запроса (max-width: 1280px), но он все еще, кажется, сжимается в одних и тех же точках. Как вы думаете, мне нужно что-то редактировать? – medictrader

+0

Привет. Теперь ваши значения слишком высоки, так что, к сожалению, это не сработает. Возможно, закомментируйте второй медиа-запрос (и строки ниже) и оставьте значение третьего (max-width) на 767. Это, я думаю, должно означать, что он будет поддерживать нормальный макет, пока он не достигнет размера телефона. – user3261239

+0

Спасибо за помощь. Мне не удалось получить значения правильно, поэтому я сдался, но я понял, что если бы я не использовал таблицу в этих блоках, проблема была бы исправлена, поэтому я просто изменил форматирование, чтобы избежать таблиц. – medictrader

 Смежные вопросы

  • Нет связанных вопросов^_^