如何检测浏览器是否是移动浏览器并在普通浏览器和移动浏览器之间切换？

Question

I assume it involves the view-port somehow, but I'm not good at mobile. I'd like to re-size my font and move my elements around.

I see that HTML 5 Boilerplate comes in a mobile form, how and when would I switch to that?

Answer 1

It depends on what you need to change.

To change Boilerplate to Boilerplate Mobile you could have a server-side condition and render a completely different page. If you are using some kind of dynamic framework or have direct access to the server you can check for User-Agent

Here is an article that explains how to use mobile-specific JS, CSS and HTML. Hope it helps.

Answer 2

You may parse the user agent to determine the mobile platform (eg, iPhone, iPad, iPod, Android, Opera, Android, BlackBerry, hpwOS, Windows PhoneOS, etc.).

And it is better to use a @media query in CSS to take advantage of the screen dimensions.

For reference:

• https://mislav.net/2010/04/targeted-css/
• https://www.w3schools.com/css/css3_mediaqueries.asp