Проблемы с CSS при отображении в мобильном браузере (iPhone) - PullRequest
0 голосов
/ 12 сентября 2011

Я использую float: left; margin-left: -100px; для моей предыдущей кнопки и float: right; margin-right: -100px; для моей «следующей» кнопки.Хотя это прекрасно работает на моем веб-сайте фиксированной ширины для обычных браузеров, у меня возникают проблемы с мобильным дисплеем.

Похоже, мобильные телефоны "масштабируют" сайты, беря самый большой контейнер и добавляя небольшие отступы,и, к сожалению, мои кнопки «следующий» и «предыдущий», по-видимому, не регистрируются, что приводит к их разрезанию пополам по краям экрана в мобильном браузере.

У кого-нибудь есть исправления для этого?

1 Ответ

1 голос
/ 12 сентября 2011

Сложно предложить конкретное лекарство, не видя весь код, но я подозреваю, что вы можете получить некоторое преимущество от метатега области просмотра: <meta name="viewport" width="device-width">

См. Пиксель не является пикселемне пиксель от ППК

...