Ошибка теневого распространения в WebKit в iOS 7 на iPad Retina

Я нашел то, что кажется ошибкой в ​​WebKit для iOS 7, но только на iPad 3 и 4, что лишает меня возможности полагать, что это связано с аппаратными средствами.

Ошибка. Если я добавлю значение спреда (четвертое значение) в тени теней CSS, вся тень исчезнет. Я выставил здесь экзамен.

Может ли кто-нибудь еще подтвердить эту ошибку на iPad 3 и 4 с iOS 7?

7 Solutions collect form web for “Ошибка теневого распространения в WebKit в iOS 7 на iPad Retina”

Еще проблема в IOS 7.0.4.

Добавьте радиус границы в один пиксель, чтобы заставить браузер отображать тень в ландшафтном режиме и при масштабировании.

border-radius: 1px; 

Еще более странно, что я рассматривал ту же проблему.

Если вы используете вставку, вы можете определить свой спред, а затем он работает нормально!

Другим прекрасным фактом является то, что ваш dropshadow исчезнет, ​​когда вы превратите свой ipad в альбомный режим.

Это довольно раздражающая ошибка!

У меня была аналогичная проблема на iPad mini w / iOs 7.0.3 проблема возникла как в сафари, так и в хроме

  1. поле ввода с тенью вставки не появилось вообще, независимо от масштаба
  2. Появилась тень div drop, но при увеличении масштаба в строке и последующем увеличении скрыть линию.

Я нашел в другом потоке это решение:

«Попробуйте добавить -webkit-appearance: none; , потому что iOS имеет тенденцию испортить формы».

и он решил проблемы!

Здесь что-то похожее. Применяется тег-тень к элементам изображения. Он показывает штраф при масштабировании = 1. Но если вы увеличите масштаб, он исчезнет на iPad 3 с iOS 7.

Используемый код CSS:

 #photostrip > img { -webkit-box-shadow: 0px 6px 8px rgba(0,0,0,0.33); -moz-box-shadow: 0px 6px 8px rgba(0,0,0,0.33); box-shadow: 0px 6px 8px rgba(0,0,0,0.33); } 

Та же проблема с iPad Air / iOS 7 🙁

Настройка -webkit-appearance не помог, и не был border-radius .

Я использовал следующий CSS для его исправления (он позволяет использовать настройку распространения в других браузерах и переопределяет только для webkit / iOS):

 .box_shadowed { box-shadow: 2px 2px 4px 2px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc; } 

У меня была такая же проблема на iPad 4 с iOS7. Когда я устанавливаю тень CSS-блока для элемента, он выглядит так, как предполагалось, в виде портрета iPad. Но когда я поворачиваю iPad в альбомный вид, тень коробки исчезает.

Я попробовал решение StrandedPirate – добавив радиус границы 1px к элементу, и он сработал! Это решение может быть неприменимо для всех случаев, но для моего случая оно приемлемо.

У меня была та же проблема и добавлен border-radius:1px чтобы исправить это.

  • Поддерживает ли webKit в iOS 11 (бета) поддержку WebRTC?
  • Это Facebook для iOS WebView User Agent?
  • Как узнать, воспроизводит ли WKWebView аудио?
  • Способы улучшения производительности прокрутки UIWebView?
  • Тупик с GCD и webView
  • Как изменить цвет элемента HTML, когда пользователь нажимает на него?
  • Safari: неправильный расчет видового экрана для размеров шрифта
  • iOS 9 `-webkit-overflow-scrolling: touch` и` overflow: scroll` перерывы прокрутки
  • iOS 10 Webkit Воспроизведение нескольких видеороликов Inline
  • Youtube iframe встраивается с масштабированием webkit-transform на iOS
  • Включить кеш приложений в WKWebView
  • Interesting Posts

    interactivePopGestureRecognizer – pop или back to curent view controller

    Phonegap deviceready не стреляет с использованием Cordova 2.2.0 в iOS

    Пользовательский UITableViewCell с использованием раскадровки и подкласса

    Интеграция с полосой iOS – как добавить почтовый индекс в PTKView

    Храните живой веб-сайт, когда приложение находится в состоянии завершения (kill)

    Как я могу выполнить свои тесты производительности более десяти раз?

    На главном потоке выполняется длительная работа Parse

    Быстрое расширение для MutableCollectionType не работает с массивом общих типов

    ios obj C отдельная строка в символы и добавление букв

    UILabel неправильно настроен в UITableViewCell (анимация после назначения текста)

    UIButton не работает, когда он находится в UIScrollView

    Повернуть узел SCNCamera, глядя на объект вокруг воображаемой сферы

    Управление и увольнение контроллеров множественного представления в iOS

    Как сделать многострочную этикетку с Eureka

    Как проверить таблицу SQLite пуст или нет в Swift

    PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.