Делать сообщения в блогах мобильными - PullRequest
Новая
       41

Делать сообщения в блогах мобильными

0 голосов
/ 11 июня 2018

Мой сайт размещен на blogger.com, но я загрузил полностью настраиваемую тему и изменил код, чтобы немного изменить дизайн.Тема удобна для мобильных устройств, за исключением того, что текст моего блога показывает только половину страницы на мобильных устройствах.Это как если бы страница была разрезана пополам, поэтому половина предложения не показывается.Даже если вы пытаетесь уменьшить масштаб.Это просто показывает представление рабочего стола на мобильном телефоне без масштабирования, поэтому видна только половина.Все остальное прекрасно работает на мобильном сайте.Я заблудился, как это исправить ... подумав о добавлении мета-тегов в голову для каждого мобильного устройства?Я пытался добавить 

<meta name="viewport" content="width=device-width, initial-scale=1">

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

Указан CSS для шрифта моего блога и ширина страницы 

#test{
width: 680px; 
margin: 0 auto; 
text-align: left;

font-size: 15px; 
line-height: 24px; 
letter-spacing: -0.01em;

}

HTML 

<div id="test">BLOG TEXT</div>`

Хотите знать, есть ли более простое решение?

Приветствия

1 Ответ

0 голосов
/ 11 июня 2018

Вот одна вещь, которую вы можете попробовать: 

#test {
    width: 680px; /* your main container */
    margin: 0 auto; /* centering it */

    max-width: 100%; /* don't let the container be bigger than the body! */

    /* ... the rest of your css... */
}

Таким образом, если область просмотра меньше 680 пикселей (большинство сотовых телефонов), ваш контент не будет переполнен.Если это не сработает, вы можете разместить здесь ссылку на свой блог, чтобы мы могли увидеть полный контекст происходящего.

...