2013-07-25 2 views
0

я в настоящее время работает на WordPress тему, и я получил его & работает здесь: http://tinyurl.com/kawesnhiPhone CSS фона Изменение размера

Я пытаюсь сделать изображение, показанное на фоне кросс-совместимый с iPhone-х браузер Safari, но не удалось это сделать :)

Я хотел бы иметь фоновый прокрутка с содержанием страницы, но не нашел, как это сделать, а также имеет изменение размера фона для браузера iPhone.

Вот мой CSS, который производит изначально хорошо выглядящий расположение на iPhone, но изменяет содержание после нажатия на ссылку, и это производит плохой результат на рабочий стол просмотра:

CSS

body { 

background: url(http://www.myurl.co/tq/wp-content/uploads/2013/07/TQ-Oceanside_BGtaller.jpg) no-repeat center center fixed; 
background-position: center top; 
background-color: #000000; 
} 

Благодарим за помощь!

+0

Я просто провел 5 минут, пытаясь определить, что ваша проблема точно, и я не могу найти его. Я открыл ссылку, предоставленную в Chrome, а затем открыл ее в Safari с помощью агента пользователя (Safari - для Windows и iPhone Safari iOS 4.3.3), страница отображается точно так же во всех браузерах? Я что-то упустил? – fenix

+0

Спасибо, что проверили это! Хорошей новостью является то, что я получил ее для правильного отображения в iPhone при начальной загрузке, но после этого он сходит с ума, а также - в браузере рабочего стола фон исправлен, что неверно, но я не уверен, как это исправить. – Willard

ответ

0

Попробуйте использовать медиа-запросы CSS3. Медиа-запросы используются большинством тем в Wordpress, потому что они делают ваш сайт отзывчивым и изменяет размер фона на размер браузера. Вот учебник:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

+0

Кроме того, http://www.w3.org/TR/css3-mediaqueries/#media1 – fenix

+0

Благодарим вас за ответ, я не знаком с реализацией адаптивных CSS-файлов, в каком файле я должен ссылаться на гибкую таблицу стилей CSS? – Willard

+0

Вы можете поместить медиа-запросы во внешний файл или в свой html-документ, используя тег