Мобильный браузер Safari - проблема с просмотром

Я посмотрел и посмотрел и не могу найти решение. Может быть, мой немного уникален. Моя проблема прямо сейчас заключается в том, что мой фон отключается в мобильном браузере Safari. вот скриншот того, как он выглядит:Мобильный браузер Safari - проблема с просмотром

enter image description here

А вот ссылка на мою страницу я работаю и как это предполагают, чтобы выглядеть: http://www2.theadamgroup.com

Вот мой исходный код тело и HTML:

body { 
    font-family:Helvetica, Arial, sans-serif; 
    margin:0; 
    background-image:url(img/paper-footerbg.png); 
    background-attachment:scroll; 
    background-repeat:repeat-x repeat-y; 
} 
body, html { 
    -webkit-text-size-adjust: none; 
}

а вот фрагмент того, как закодирована моя первая страница:

<body> 
<div style="width:100%; min-height:100%;"> 
<?php include("header.php"); ?> 
<div id="mainBox"> 
    <div id="mainContent"> 
    <div style="float:left; width:439px; padding:35px 0 0 0;"> 
     <p style="font-size:34px; line-height:40px; font-weight:bold; color:#009b3a; margin:0;">High-quality printing from your neighbors in Franklin</p> 
     <p style="font-size:16px; line-height:22px; margin-top:7px;">The ADAM Group is a full-service printing and design company in Franklin, Tenn. Our specialty is helping businesses develop and print high-quality brochures, catalogs, calendars, books, flyers, stationery, menus, business cards and so much more.</p> 
     <p style="font-size:16px; line-height:22px;">We pride ourselves on the professional, fast service we provide in our community. Franklin is our home, and helping our neighbors succeed is our business.</p> 
     <p style="margin:42px 0 0 0;" align="center"><a href="#" class="learnmoreBtn"></a></p> 
    </div> 
    <div style="float:left; width:512px; margin:0 0 0 47px;"><img src="img/tag-products.png" width="512" height="401" /></div> 
    </div> 
</div>

Любая помощь будет оценена!

источник

2013-03-15 Alex Kittavong

Вы говорите, что вы сделали некоторые исследования - но вы не предоставляете нам никакого исходного кода, правил CSS или чего-либо еще. Мы не можем исправить ваш сайт для вас, пожалуйста, уменьшите вашу проблему до наименьшей возможной формы. –

Извините, я не прошу никого исправить мою страницу для меня. Я просто прошу помочь мне выяснить, что может вызвать эту проблему. Я обновил свой вопрос с некоторыми из моего исходного кода. Отрезать мой фон справа, отрезать меню навигации и т. Д. –

Попробуйте установить минимальную ширину для тела до 1058px – npage

Хорошо, я подтвердил исправление: К header.php файла оных:

<meta name="viewport" content="width=1058px, minimum-scale=0.1, maximum-scale=2.0">

Это позволит сделать мобильные браузеры установить размер документа в 1058px.

Тогда для theadamgroup.css добавить:

Body{ 
    min-width:1058px; 
}

Это заставит документ будет больше, то ширина браузер, если ширина браузера падает ниже 1058px и делает его прокрутки

источник

2013-03-15 23:02:57 npage

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

Мобильный браузер Safari - проблема с просмотром

ответ

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