Nas & Damian \ "Jr. Gong \" Marley - Nah Mean (Официално видео)

Тук имам публикация в блог, която работи добре на по-голям екран, но не толкова на по-малък.

Както можете да видите от екранната снимка под абзаца, абзацът се разбива много зле около изображението. Като се има предвид колко малко място има вляво, бих искал да накарам текста да попадне под изображението и изображението да премине в пълна ширина (може и да е така), но не искам да влияя на изгледа на работния плот и големия екран.

Разбирам основите на адаптивния дизайн, но съм малко изгубен по този конкретен въпрос. Той е в блог на WordPress, но ми е достатъчно удобно да правя персонализирана дъщерна тема, за да създавам промени. Просто не съм сигурен какво да променя.

  • 1 Здравей, Матю, чувстваш ли се така, сякаш отговорих напълно на въпроса ти? Ако е така, моля, не забравяйте да маркирате отговора ми като „приет“, като щракнете върху сивата отметка вляво от отговора. Ако на вашия въпрос не е отговорено напълно, моля, уточнете какво още трябва да знаете, за да може общността да ви предостави допълнителна помощ! Благодаря!

Определено нещо css.

Едно от решенията е да се използва css @media (min-width: XXXpx) заявка за деактивиране на обвиването, ако ширината на екрана е малка (напр. зададена float: none на твоят figure елемент, съдържащ изображението).

  • Съгласен - определено случай за използване на @media заявка за премахване на поплавъка и замяна с нещо като: margin: 12px auto;.

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?