Адаптивные изображения в таблице гибкой ширины (максимальная ширина)

Рассмотрим следующий фрагмент кода:HTML:CSS:Изображение никогда не будет шире 200 пикселей, независимо от его исходного размера.Все идет нормально.Вот скрипка: http://jsfiddle.net/PeAAb/Однако, если для родительского элемента ---- +: = 2 =: + ---- установлено значение ---- +: = 3 =: + ---- :изображение волшебным образом расширяется до своей ширины, расширяя вместе с ним ---- +: = 5 =: + ---- .Вот скрипка: http://jsfiddle.net/PeAAb/1/То же самое происходит с реальной таблицей: http://jsfiddle.net/PeAAb/2/Вопрос: это ожидаемое поведение?Если да, то что можно сделать, чтобы обойти эту проблему?Установка родительского ---- +: = 6 =: + ---- (даже ширина в процентах) вместо ---- +: = 7 =: + ---- правильно сжимает изображение обратно в егокоробка, но это не решение.Мне нужно, чтобы родительский элемент был гибким (я использую это для основной структуры сайта, чтобы HTML-код боковой панели появлялся после основного содержимого в источнике, но с фиксированной шириной боковой панели ).Кроме того, установка ---- +: = 8 =: + ---- на ---- +: = 9 =: + ----, похоже, здесь не действует .
7 голосов | спросил Joseph Silber 9 AM00000010000004431 2012, 01:48:44

0 ответов


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

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

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