Jump to content
  • 0

Проблема с адаптивной версткой


#AgainsT#
 Share

Question

Привет, люди добрые! Встречайте новичка.

Народ, кто шарит в CSS3 и HTML5?

Пожалуйста, помогите разобраться.

Сделал меню для сайта:

http://www.boomerang.dn.ua/tmp/html/index.html

Зарезинил адаптивно, все выглядит так, как планировал. Но только на экране компа.

При просмотре на своем КПК и в эмуляторе Opera Mobile Emulator при 320*240 получается вот такая лажа:

http://www.boomerang.dn.ua/tmp/html/wtf.png

Меню сжимается и для увеличения до 100% приходится тыкать в экран пальцем. При этом появляется горизонтальный скролл.

Применение @media query с псевдоклассом "handheld" картину не исправило.

Вот архив с кодом и файлами:

http://www.boomerang.dn.ua/tmp/html2.rar

Ребята, пожалуйста, подскажите, в чем я мог ошибиться?

Заранее спасибо!

Edited by #AgainsT#
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

У меня на нативной Opera Mini все нормально масштабируется.

Softlink, дело в том, что верстка должна быть адаптивной, а не масштабируемой.

То есть, всместо этого должно поллучиться это.

Почему-то не получается именно на мобильных устройствах, а на экране монитора - все ОК (потягайте окно браузера).

Не могу понять, в чем ошибка. Или, может, что-то не дописал? =)

Link to comment
Share on other sites

  • 0

У меня на нативной Opera Mini все нормально масштабируется.

Softlink, дело в том, что верстка должна быть адаптивной, а не масштабируемой.

То есть, всместо этого должно поллучиться это.

Почему-то не получается именно на мобильных устройствах, а на экране монитора - все ОК (потягайте окно браузера).

Не могу понять, в чем ошибка. Или, может, что-то не дописал? =)

У меня именно это и отображается.

Link to comment
Share on other sites

  • 0

У меня на нативной Opera Mini все нормально масштабируется.

Softlink, дело в том, что верстка должна быть адаптивной, а не масштабируемой.

То есть, всместо этого должно поллучиться это.

Почему-то не получается именно на мобильных устройствах, а на экране монитора - все ОК (потягайте окно браузера).

Не могу понять, в чем ошибка. Или, может, что-то не дописал? =)

У меня именно это и отображается.

А, тогда спасибо =) А я уж было подумал, что я - лошара =)

Телефон мне менять надо...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy