Показать широкие изображения в WordPress

Question

Привет, я пытаюсь добиться следующего вида http://demo.qodeinteractive.com/elision/ где у них очень широкие изображения. Мой контент имеет ширину 960px/1024px, но, очевидно, я хочу, чтобы мои изображения находились на одном конце экрана (очень широко). как я могу добиться этого в WordPress The Twilmon Theme или любой другой теме. большое спасибо

Answer 1

Вы можете изменить ширину изображения в процентах с помощью CSS, чтобы изменить размер вместе с контейнером. divНапример, (если ваш контейнер div имеет класс CSS container):

<style type="text/css">
div.container img {width:100%}
</style>

Приведенный выше код сохранит соотношение сторон изображения.

Если вас это не волнует, вы можете добавить также высоту изображения в правило CSS:

<style type="text/css">
div.container img {width:100%;height:100%}
</style>

Это раздавит изображение, чтобы соответствовать вашему контейнеру div независимо от того, как вы измените размер окна вашего браузера.