Div wont wrap, но иногда

Отбив голову от стены с помощью этой. Когда «@media (max-width: 320px)» миниатюра уменьшает размер, оставляя пространство для div ниже, чтобы плавать вправо рядом с ним. По какой-то причине это не сработает, но в некоторых случаях, когда вы играете с хром «проверяете элемент» и включаете/выключаете атрибуты, которые он внезапно работает. Работа с твиттер-загрузчике, вот bootply http://bootply.com/73043 Div wont wrap, но иногда

@media (max-width: 320px) { 
    .thumbnail > a > img { 
     width: 40%; 
    } 
    .pleasewrap { 
     float: right; 
     display: inline-block; 
     position: absolute; 
    } 
}

enter image description here

источник

2013-08-09 Tom Rudge

Кнопка и цена в порядке, где она есть, заголовок и место должны плавать рядом с изображением. Иногда это происходит, но большую часть времени это не так. –

Рассматривая это, я думаю, что это связано с тем, что браузер не запрашивает правило медиа-запроса для класса «pleasewrap». Когда он деактивирован и повторно активирован в инспекторе Chrome, он подбирает его и делает то, что вы хотите.

Попробуйте применить правило отображения «встроенный блок» на более высоком, более общем (или высоком уровне, не относящемся к среде) уровне в вашей таблице стилей шаблонов, и это должно выполнить эту работу!

источник

2013-08-09 10:16:20 Pete

http://bootply.com/73044

Я добавил класс clearfix к DIV миниатюр, а также некоторый запас/дополнение для большого пальца

источник

2013-08-09 08:44:34 ikkez

Привет. Да, я пробовал это, он все равно не работает. Если вы переместите ширину браузера на и с 320 пикселей, он вернется к «нормальному» и не будет работать на 320 устройствах ширины. –

http://bootply.com/73046

Думайте, что работает, замените встроенную высоту d iv (это не работало на меня, когда я положил его на css, так что в вашем будет работать на .css).

источник

2013-08-09 08:59:34 Mhche

Нет! на вашем bootply он иногда работает, такая же проблема :( –

Вы пытались увеличить высоту? Я видел, что на 115px он тоже работает на экране. Что на самом деле ваша проблема? – Mhche

Я добавил изображение результата –

Div wont wrap, но иногда

ответ

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