2015-07-19 2 views
0

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

Я боролся в течение нескольких недель с отзывчивым логином моего личного сайта.

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

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

Я создал изображение с устройствами, которые я в основном сфокусировал и показывая проблему, а также для iphones.

Click here to see the image.

может быть, я пропускаю определенную характеристику, которая айфонов есть и мне нужно поставить это мои CSS коды.

любая идея?

+0

iphones, как правило, 320 пикселей в ширину. это помогает? –

+0

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

+0

это ленивая ошибка. вам нужно всего лишь 3 медиа-запросов, возможно, 4 –

ответ

0

Мне удалось исправить свою проблему. После того, как вы изменили все свойства css и играли, как будто я понятия не имел, что я делаю. Простым решением было уменьшить ширину текстового поля на 5%, только для iphones lol. Я не могу поверить, что это заняло у меня столько времени, чтобы понять. вот почему я люблю кодирование.

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