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

Пользователь видит какую-кто крякозябру. Решение довольно-таки простое, прописать в CSS файле следующее :

img {
  max-width: 100%;
  height: auto;
}

Затем на своем смартфоне очистить кэш. Для Андройид устройств вот инструкция:

В приложении Chrome

  1. Откройте приложение Chrome Chrome на устройстве Android.
  2. Нажмите на значок меню Ещё в правом верхнем углу экрана.
  3. Нажмите История > Очистить историю.
  4. В верхней части страницы выберите временной диапазон. Чтобы удалить все данные, выберите Все время.
  5. Выберите «Файлы cookie и данные сайтов» и «Изображения и другие файлы, сохраненные в кеше».
  6. Нажмите Удалить данные.

Для IOS :

В приложении Chrome

  1. Запустите приложение Chrome Chrome на устройстве iPhone или iPad.
  2. Нажмите на значок «Ещё» Ещё в нижней части экрана.
  3. Нажмите История затем Очистить историю.
  4. Выберите «Cookie, данные сайтов» и «Файлы, сохраненные в кеше».
  5. Нажмите кнопку Очистить историю.

Единственное вместе с кэшем вы удалите пароли и логины, так что запишите их заранее.

После очистки кэша все будет прекрасно масштабироваться и никаких обрезок не будет.


                                        

        

От laimelaim

Добавить комментарий