gibiskus

ну этот вариант проще, если нужна поддержка от IE ниже 10 Вы правы, это и было причиной, только что проверил. Спасбо, одной загадкой меньше. Я посмотрел статью по Вашей ссылке - там же для IE используется тот же justify, который в моем случае не будет работать.

Применены все стили, которые я написал выше, их никакие другие не перебивают. там почти идентичный случай, за исключением поддержки более старых браузеров. Да и мой вариант нормально работает https://jsfiddle.net/xmx9jtj9/, но не всегда.

Здравствуйте. Часто для равномерного распределения блоков по ширине использую следующий css код: <ul><li></li><li></li><li></li></ul>ul {text-align:justify;font-size:0}ul:after {content:'';width:100%;display:inline-block}li {display:inline-block;width:100px;font-size:14px}В некоторых случаях этот код не работает как нужно, словно text-align:justify нету. Почему так происходит, не могу объяснить, хотелось бы услышать ваши версии.

Все по прежнему. В том то и дело, что текст занимает не всю доступную ширину блока. Чем меньше разрешение экрана, тем уже колонка с текстом.

Пробовал добавлять строчку <meta name="viewport" content="width=device-width, initial-scale=0.1">Но страница отображается почти в оригинальном размере. Меня устраивает вариант, который отображается без этой строчки (ширина сайта равна ширине экрана), все за исключением блока с контентом. Как добиться нужного?

Здравствуйте. Подскажите, пожалуйста, в чем причина и как исправить следующее: на мобильных устройствах на небольшом разрешении ширина контента занимает половину блока и меньше. Собственно сам сайт http://u.to/PfpaBA