Установите ширину таблицы модулей на ширину модуля

Я использую модуль Display News с пользовательским классом dn на моей домашней странице, чтобы отобразить последние опубликованные статьи. Ширина модуля регулируется по размеру экрана, но только если экран шире, чем 410 пикселей. Так что на смартфоне с экраном 320 пикселей текст в модуле вырезается.

введите описание изображения здесь

Я нашел временную работу, но установив ширину blogdn ширину правила @media.

@media (max-width: 410px) { 

.blogdn {
width:270px;
    }
}

Но мне нужно установить 5 различных max-width с помощью @media, чтобы предотвратить резку текста для всей ширины экрана между 320px и 410px. Поскольку это не очень хорошее исправление, я пытаюсь найти что-то еще.

Я попытался попробовать несколько способов, добавив position relative к родительскому div или добавление display: block; overflow: hidden; но безуспешно.

Любая помощь будет действительно приветствоваться. Вот мой webiste: http://www.rscmovement.org/en/

Также есть что-то странное: на французской версии сайта модуль вырезается, когда ширина экрана составляет 400 пикселей, но не на английском языке. Не удалось найти причину.

EDIT: эта работа работает лучше, чем @media, благодаря Lodder!

.moduletabledn{
display: block;
overflow: hidden;
    }

.moduletabledn tbody{
display: block;
overflow: hidden;
    }   

.moduletabledn tr{
display: block;
overflow: hidden;
    }   
.moduletabledn td{
display: block;
overflow: hidden;
    }   
1 голос | спросил Enora 16 Maypm15 2015, 15:47:34

1 ответ


1

Первое, что я хотел бы сделать, это сделать изображения 100% ширины и использовать display:block; для мобильных телефонов. Текст не должен обертывать изображения на мобильных телефонах, поскольку длинные слова могут вытолкнуть дочерний элемент вне родителя.

Id также предлагает использовать 100% ширину, а не конкретные пиксели для класса blogdn.

У вас также есть поле и дополнение, которое устанавливается на megamod, который нажимает содержимое.

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

ответил Lodder 16 Maypm15 2015, 16:02:53

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132