2017-02-07 25 views
-1

Главный div имеет ширину 600 пикселей. По моему мнению, iPhone 5 имеет ширину 640 пикселей. Но когда я вытаскиваю сайт на iPhone 5, основной div занимает лишь небольшую часть экрана, может быть, третью. Почему это?Почему мой сайт сокращается для мобильных устройств?

Website

+0

Вы используете css tranform? Как поворот изображения. – Fran

+0

Возможно. Он построен с библиотекой Raphael, которая предоставляет интерфейс Javascript для более эффективного управления элементами DOM, чем jQuery. – DJG

ответ

1

Так что я видел IOS термоусадочной содержание так, чтобы вся страница отображается на экране телефона при использовании CSS преобразования.

Так виновный CSS был

  background: url('/images/mobile-device-down-arrow.gif') no-repeat center; 
      transform: rotate(180deg); 
      -ms-transform: rotate(180deg); 
      -webkit-transform: rotate(180deg) scale(1); 

мы заменили его

  background: url('/images/mobile-device-up-arrow.gif') no-repeat center; 

и исправили проблему.

Я помню ошибку в webkit для этого, но я не могу найти ее прямо сейчас.

+0

Так что, в основном, если я использую преобразования, я обречен? – DJG

+0

Вот что мы нашли. Как только мы заменили код преобразования, у нас больше не было проблемы с сокращением нашего сайта. – Fran