Почему мобильный хром искажает цвета?

Question

[Антон Мисягин]

Столкнулся с проблемой отображения цвета на экране мобильного телефона. Для блоков задан какой-нибудь цвет по типу:

.block {
background-color: #353334;
}

На экране компьютера все отображается ожидаемо, а на мобильном цвет становится неоднородным, состоящим из нескольких цветов, что выглядит как мелкое зерно. Сделал скриншот дисплея мобильного:

Comments

[Lynn «Кофеман»]

А какой-нибудь #333 искажается?

[Lynn «Кофеман»]

Это настоящий скриншот? Что-то мелковат

[Антон Мисягин]

Я обрезал его

Answer 1

[Антон Мисягин]

Была версия хрома 43.xx.xx. Обновил до 47.xx.xx. Проблема ушла. Я потом внимательно посмотрел это на всех сайтах было

Answer 2

[Nokhchi Borz]

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

Comments

[Антон Мисягин]

Подозреваю я что это из-за того, что сайт каким-то образом масштабируется и при этом цвета искажаются, хотя выставлено %meta{:name=>'viewport', :content=>'width=device-width', 'initial-scale'=>1.0, 'maximum-scale'=>1.0, 'user-scalable'=>'no'}