2013-11-15 1 views
1

Я изменил этот сайт на html5, используя шаблон html5. Все выглядит отлично, если смотреть на рабочем столе или даже на ipad, но когда я просматриваю его на своем iphone, он масштабируется, только показывая содержимое моего div .wrapper. Я попытался удалить , как многие предложили. Я также попытался добавить max-scale-1.0, initial-scale = 1.0 и minimum-scale = 1.0, и ни одна из этих или их комбинаций не решила проблему. Я также попытался установить теги моего тела и html на ширину: 100% без везения. Я не могу понять, в чем проблема, и если это проблема css или метатег. Сайт находится по адресу www.sweetestgourmet.com.Почему мой сайт масштабируется в моем .wrapper div при просмотре на iphone?

ответ

0

использование CSS3 медиа запросов

включают мета-тег, как показывают в головки теге

затем в таблице стилей ТАГЕТ iphone как

@media only screen and (max-width: 480px){ 

    /* write your css */ 
} 

здесь есть учебник http://css-tricks.com/css-media-queries/

+0

Хотя эта ссылка может ответить на этот вопрос, то лучше включить основные части ответа здесь и предоставить ссылку для справки. Ответные ссылки могут стать недействительными, если связанная страница изменится. – Nunser

+0

благодарю вас за ваш совет, я попробую применить форму в следующий раз. –

+0

спасибо, что это удалось, чтобы остановить логотип от обрезания слева, добавив 90px поля, но справа от него нет поля, кроме страницы контакта. Почему поля действуют только на одной из страниц? Кроме того, он по-прежнему масштабируется, когда на портрете, отлично смотрится в пейзаже. Еще раз спасибо! –

0

Попробуйте добавить это <head>

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

Смежные вопросы