Jump to content
abdua5s

Different Website Styles For Mobile And Desktop?

Recommended Posts

hey i have seen that facebook have different website for desktop and mobile like when we open in phone its m.fb.com and pc www.fb.com so any idea how to do it using html my website is darksoulcoc.com

Share this post


Link to post
Share on other sites

The desktop version will be the main domain, the other is subdomain of the main for mobile, you get the same with yahoo.com, and m.yahoo.com. some dectection is made and redirect is made to appropriate site.

Share this post


Link to post
Share on other sites

The more modern approach is to make one single page that's responsive. Having two different pages was a technique used when media queries were not as widely supported.

 

If you wonder why such big websites as Yahoo and Facebook do it, it's because transitioning from what they currently have to fully responsive would actually cost a lot of money. They'll likely do it eventually, though.

Share this post


Link to post
Share on other sites

have one version of your site & then have 2 versions for the css files. use browser sniffing methods to detect what type of device is using then serve the appropriate css file i.e one for mobile and one for desktop. you can even have for tables, phablets and for standard phones. having two different subdomains is not goog for seo purposes as it splits your link juice

Share this post


Link to post
Share on other sites

Use css media queries to detect device width, height and adjust accordingly, Not! JavaScript browser sniffing. The reason yahoo use subdomains is probably for international location reasons, they have different content depending on location yahoo.com usa, uk.yahoo.com for uk, and others i suspect, because they target a wider audience, while normally the content would target mostly the local, National area.

Share this post


Link to post
Share on other sites

Browser sniffing is a really bad technique. It's can be easily fooled and isn't able to take future browsers and version updates into account.

Share this post


Link to post
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.

Guest
Reply to this topic...

×   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.

Loading...

×
×
  • Create New...