Twitter Bootstrap не изменяет размер (хорошо) на мобильных телефонах

Я использую Twitter Bootstrap на двух проектах, один - статический HTML-сайт, а другой - приложение Rails. Когда я тестирую веб-сайт на рабочем столе браузера, изменяется размер. Но когда я тестирую его на мобильном телефоне [Nokia E72], он просто не соответствует ширине. Интересно, когда я тестирую домашнюю страницу начальной загрузки (http://twitter.github.com/bootstrap/) - у нее тоже такая же проблема. Это только я? Я искал в stackoverflow и Google, и все остальные, похоже, очень довольны Bootstrap на своих мобильных телефонах.Twitter Bootstrap не изменяет размер (хорошо) на мобильных телефонах

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

Обновление: Это, похоже, проблема на моей Nokia E72.

источник

2012-04-03 RubyDev

Какой браузер вы используете на вашем Nokia E72? Попробуйте это с помощью Opera Mini. Чем популярнее браузер, тем лучше он будет работать с бутстрапом. На моем телефоне Android загрузочный сайт и мои собственные сайты работают отлично, и нет горизонтальных полос прокрутки. Я использовал как собственный браузер Android, так и Chrome. –

@IvoBosticky +1. Я использую браузер по умолчанию. Я проверил сайт на responsinator.com, как опубликовано в нижеприведенном ответе, и он выглядит великолепно. Кажется, это проблема, упомянутая вами. Можете ли вы опубликовать это как ответ. Кроме того, как вы думаете, есть какой-то способ поддержки браузера по умолчанию для Nokia E72. – RubyDev

Вы всегда можете отправить вопрос разработчикам Bootstrap по адресу https://github.com/twitter/bootstrap/issues?state=open, запрашивая поддержку браузера Nokia. –

Чем популярнее браузер, тем лучше он будет работать с бутстрапом. Цитирование начальной загрузки документации

Первоначально построен только с современными браузерами в виде, Bootstrap эволюционировала включить поддержку всех основных браузеров (даже IE7!) И, с Bootstrap 2, планшетами и смартфонами тоже.

Собственный браузер Nokia E72, вероятно, не поддерживается, а не соответствует стандартам. Вы можете попробовать тестирование с помощью Opera Mini. Согласно http://en.wikipedia.org/wiki/Usage_share_of_web_browsers, браузер Nokia имеет долю использования в любом месте от 0,3% до 12% в 2011 году, и, как представляется, тенденция к снижению доли маркера. Поэтому вы должны действительно протестировать Safari, Opera и Android.

источник

2012-04-04 01:29:39

Возможно, RubyDev может использовать '$ (window) .width();' как обходное решение –

Я не знаком с вашим телефоном (или размером экрана), но вы можете найти следующий сайт, очень полезный при тестировании вашего сайта ... http://www.responsinator.com/ - вы, вероятно, найдете свой размер экрана, и это может помочь решить проблему вопрос.

источник

2012-04-04 00:18:45 Gfw

+1 для responsinator.com; сайт выглядит хорошо на нем. – RubyDev

Подкатегория Twitter поддерживает только браузеры для настольных компьютеров.

https://github.com/twitter/bootstrap/wiki/Browser-Compatibility

Хорошо, я только что узнал, что есть то, что вам нужно добавить для андроида изменения размера:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

От http://twitter.github.com/bootstrap/scaffolding.html#responsive

источник

2012-09-23 08:18:36 ubershmekel

У меня это было на моем веб-сайте, оно отлично работает на Android (Chrome) в Sony Xperia. Но в Opera Mini в этом Nokia не подходит ширина. –

Добавление мета-тега работало для меня, решило огромную головную боль, спасибо человеку! :) – Rob

Примечание: десятичная 'начальная шкала = 1.0' важна. Вы не можете оставить его только на '1'. – mike

Twitter Bootstrap не изменяет размер (хорошо) на мобильных телефонах

ответ

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