Бывает в темах WP такая проблема, что не полностью сайт адаптирован под мобильные устройства. И тогда исходное изображение для обычного ПК превращается ужасный вид на смартфоне.
Пользователь видит какую-кто крякозябру. Решение довольно-таки простое, прописать в CSS файле следующее :
img { max-width: 100%; height: auto; } Затем на своем смартфоне очистить кэш. Для Андройид устройств вот инструкция:
В приложении Chrome
- Откройте приложение Chrome на устройстве Android.
- Нажмите на значок меню в правом верхнем углу экрана.
- Нажмите История Очистить историю.
- В верхней части страницы выберите временной диапазон. Чтобы удалить все данные, выберите Все время.
- Выберите «Файлы cookie и данные сайтов» и «Изображения и другие файлы, сохраненные в кеше».
- Нажмите Удалить данные.
Для IOS :
В приложении Chrome
- Запустите приложение Chrome на устройстве iPhone или iPad.
- Нажмите на значок «Ещё» в нижней части экрана.
- Нажмите История Очистить историю.
- Выберите «Cookie, данные сайтов» и «Файлы, сохраненные в кеше».
- Нажмите кнопку Очистить историю.
Единственное вместе с кэшем вы удалите пароли и логины, так что запишите их заранее.
После очистки кэша все будет прекрасно масштабироваться и никаких обрезок не будет.