Blogger Dynami c просмотров (тема Mosai c): как получить изображения полной ширины на мобильном устройстве? - PullRequest
Новая
       64

Blogger Dynami c просмотров (тема Mosai c): как получить изображения полной ширины на мобильном устройстве?

0 голосов
/ 28 мая 2020

Ссылка на мой веб-сайт Blogger: https://testfnm11.blogspot.com, которая основана на теме Blogger Dynami c Views Mosai c.

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

В качестве примера, чтобы показать, что я хочу, я добился этого на моем другой сайт Blogger: https://www.firozemistry.com, использующий тему SOHO. Я сделал это с помощью кода CSS, но этот код не работает в теме Dynami c Views.

ps: Для вашей справки, код CSS, который я использовал для получения edge- изображения до края на моем веб-сайте темы SOHO были: 

@media screen and (max-width: 1162px) {
body.item-view .post-body a[imageanchor="1"] img {
    margin: 0 -30px;
    max-width: calc( 97% + 60px);
    }

Может ли кто-нибудь дать мне код CSS или модификацию HTML для получения изображений от края до края? Буду очень признателен.

Заранее спасибо!

С наилучшими пожеланиями, Фироз Мистри

1 Ответ

1 голос
/ 03 июня 2020

Попробуйте это 

@media screen and (max-width: 1162px) {
  .article .article-content img {
    padding: 10px 0 !important;
    margin: 10px -50vw !important;
    max-width: 100vw !important;
    border: 0 !important;
  }
}
...