Я пытаюсь установить фоновое изображение в его контейнер, используя background-size:cover. вот моя скрипка: The FiddleРазмер фона: обложка не работает в родном браузере android
он работает во всех браузерах, но не работает в родном браузере Android .. кто-нибудь имеет какое-либо решение, пожалуйста? спасибо
После поиска об этой проблеме и поиске решения я удалил фоновое изображение из стилей CSS-файлов и использовал встроенный стиль в HTML-кодах. Решена проблема с собственным браузером Android.
Я обновил скрипку, и она работает в собственном браузере Android.
, кажется, что андроид также имеет проблемы с синтаксическим фоном форматом, как это:
background: url('...') fixed center center/cover;
и мы должны отделить фоновое изображение форму других и использовать его в линии, а затем использовать каждый вариант отдельно в файле css, например:
background-size: cover;
background-position: center center;
@ R.Bosma помог добавить предложение (хотя и в ответ, который может быть удален, так как его содержимое лучше подходит для комментария): «Не используйте привязку к фону: исправлено. В противном случае масштабирование не будет применяться ни на Android устройства. Локальные и свитки, похоже, работают нормально ». –
Он работал при использовании 'html, body {...}' вместо 'body {...}'. – Edward
К сожалению, свойство фона не поддерживается полностью старыми версиями ионами собственного браузера Android и Chrome для Android. Я пережил боль, открыв это с трудом. Вместо того, чтобы использовать «крышку» в качестве значения, выполните следующие действия:
background-size: 100% auto;
Что это делает дать вам то же горизонтальное чувство, как «крышка», а затем автоматически устанавливает высоту изображения, при условии, что изображение имеет Внутренние размеры.
Для дальнейшего чтения, я рекомендую погружение в detailed writeup from Sara Soueidan.
У меня была та же проблема с фоном размера: крышку, изображение было приспосабливать к ширине устройства и ниже этого был белый фон, и это было зафиксировано, когда я установить цвет фона с помощью этого CSS:
background-color: #fff;
или сокращенная:
background: #fff url('http://cdn.stupiddope.com/wp-content/uploads/2013/06/IMGP3540.jpg') no-repeat scroll center center/cover;
это не имеет значения, какой цвет вы выбираете, потому что он будет невидим.
может быть, Потому что вам нужно установить WITDH без%, но в рх, вот чистое предположение, Потому что, если я правильно remmeber андроид имеет проблемы с шириной на экране, чтобы установить. –
Вы имеете в виду, что я должен использовать px вместо% для всех элементов? –