Как определить, является ли браузер мобильным и переключаться между обычным и мобильным?

Question

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

Я вижу, что HTML 5 Boilerplate поставляется в мобильной форме, как и когда я буду переключаться на это?

Answer 1

Вы можете проанализировать userAgent, чтобы узнать мобильную платформу (iPhone, iPad, iPod, Android, Opera. * Android, BlackBerry, hpwOS, Windows PhoneOS и т. Д.). И лучше использовать запрос @media в css, чтобы воспользоваться размером экрана.

некоторые ссылки:

http://mislav.uniqpath.com/2010/04/targeted-css/

http://www.w3schools.com/css/css_mediatypes.asp

Answer 2

Это зависит от того, что вам нужно изменить.

Чтобы изменить Boilerplate на Boilerplate Mobile, вы можете иметь условие на стороне сервера и отображать совершенно другую страницу. Если вы используете какую-то динамическую структуру или имеете прямой доступ к серверу, вы можете check for User-Agent

Here - статья, в которой объясняется, как использовать JS, CSS и HTML для мобильных устройств. Надеюсь, поможет.