Toleri

Спасибо Вам огромное! Получилось! ))) Вы просто спаситель! И большое СПАСИБО всем неравнодушным откликнувшимся! )

К большому сожалению, ни то ни то не помогает (

@ media используются и айфон их игнорирует, в этом то и проблема. За плагин спасибо. Вот как сайт выглядет в симуляторе: http://take.ms/xibT8 Точ в точ он выглядит на iPhone 5s. Я не в курсе какими симуляторами вы тестировали, но я бы им не доверял. Попробуй стили вынести в отдельный файл (styles.css) и написать просто: @media (max-width: 800px) { body { background:url(image/mbg.jpg) center top no-repeat; background-size: cover; } .menu { width: 70%; }} @atlanta, а ты бы перечитал в чем проблема, тогда понял бы что твой ответ не имеет ничего общего с проблемой Фоновые стили не могу вынести в отдельный файл, так как к каждой странице сайта, свой отдельный фон, поэтому прописываю непосредственно в html. Но в отдельный стилевой файл вынесены другие параметры, и @media которые прописаны там (параметры различных контейнеров и пр.), так же не применяются к айфону. Кстати параметры так и прописаны, как предлагаете. И спасибо за симулятор! ) сохранила в закладки, свои удалю! ) Так там ведь проблема как раз в background-size: cover, как я понял. Toleri, странно, что вы ничего не смогли найти по этому вопросу. Основная проблема в том, что айфон игнорирует @media. Искала на русском ). Возможно искала не совсем так как нужно, но не могу до конца понять в чем загвоздка. Информацию по ссылке посмотрела, с моим английским, с ходу я не разберусь, а от авто-переводчика мозг вообще взрывается ))) Попробую почитать, поковыряться попозже. Спасибо за инфу! ) если у вас не получилось применить медиа запрос на iphone это не говорит о том что это не получится у меня ! вы ни первая и ваше Яблочко тоже ни первое у меня , больше 14 проектов - и пока не было нареканий , всегда под любые мобильные средства используют @media - читайте на htmlbook.ru как правильно делать их О! Ну так я для того и обратилась на форум, что бы знающие люди, мне новичку, подсказали, в чем возможно моя ошибка, как сделать так что бы заработала. Спасибо за конструктивную критику и советы по делу.

@ media используются и айфон их игнорирует, в этом то и проблема. За плагин спасибо. Вот как сайт выглядет в симуляторе: http://take.ms/xibT8 Точ в точ он выглядит на iPhone 5s. Я не в курсе какими симуляторами вы тестировали, но я бы им не доверял. Попробуй стили вынести в отдельный файл (styles.css) и написать просто: @media (max-width: 800px) { body { background:url(image/mbg.jpg) center top no-repeat; background-size: cover; } .menu { width: 70%; }} @atlanta, а ты бы перечитал в чем проблема, тогда понял бы что твой ответ не имеет ничего общего с проблемой Фоновые стили не могу вынести в отдельный файл, так как к каждой странице сайта, свой отдельный фон, поэтому прописываю непосредственно в html. Но в отдельный стилевой файл вынесены другие параметры, и @media которые прописаны там (параметры различных контейнеров и пр.), так же не применяются к айфону. Кстати параметры так и прописаны, как предлагаете. И спасибо за симулятор! ) сохранила в закладки, свои удалю! ) Так там ведь проблема как раз в background-size: cover, как я понял. Toleri, странно, что вы ничего не смогли найти по этому вопросу. Основная проблема в том, что айфон игнорирует @media. Искала на русском ). Возможно искала не совсем так как нужно, но не могу до конца понять в чем загвоздка. Информацию по ссылке посмотрела, с моим английским, с ходу я не разберусь, а от авто-переводчика мозг вообще взрывается ))) Попробую почитать, поковыряться попозже. Спасибо за инфу! )

Да, и в стилях и @media прописано Background-size: cover Эмуляторы: http://webmark.com.ua/mobile/?url=http%3A%2F%2Fwww.grimakva.ru%2F http://quirktools.com/screenfly/#u=http%3A//grimakva.ru&w=320&h=568&a=37

Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.