поля / пробелы появляются из ниоткуда в мобильных браузерах. - PullRequest
1 голос
/ 03 октября 2011

Я работаю над на этой странице , и у меня проблема с мобильным телефоном.

Пока страница отображается, как вы видите в браузере компьютера. Загрузка его на телефон iphone или android создает проблему в меню, которую вы бы имитировали, добавляя поля слева и сверху каждого из элементов.

Я не могу понять, почему это происходит, я проверил, что каждый элемент имеет нулевое поле в css напрямую, и это все-таки происходит. Что еще мне попробовать?

На заметку. Есть ли какие-либо ссылки или список общих соображений CSS / JS / HTML для мобильного браузера, которые вы бы порекомендовали?

Ответы [ 2 ]

0 голосов
/ 04 октября 2011

Удалите ссылку, указанную перед доктипом, и поместите ее в <head>, где она принадлежит.

0 голосов
/ 03 октября 2011

Прежде чем начать работать на каком-либо веб-сайте, я обычно сбрасываю CSS.

Большинство браузеров имеют свои собственные уникальные значения по умолчанию для элементов, и они иногда не подходят для вашего сайта.

Однако вы можете попробовать переопределить все эти свойства, чтобы эффективно «сбросить» CSS.

Yahoo предоставляет таблицу стилей, которую вы можете включить (я бы включил ее до всего вашего CSS):

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...