Reply to thread

Message

<blockquote data-quote="Markshall" data-source="post: 294706" data-attributes="member: 1872">Media queries is probably the best solution to making a website responsive. Another way is to make a subdomain or something like '<a href="http://m.mysite.com" target="_blank">http://m.mysite.com</a>' and on the root directory of your website (<a href="http://mysite.com" target="_blank">http://mysite.com</a>), have a script that will redirect mobile users to '<a href="http://m.mysite.com" target="_blank">http://m.mysite.com</a>' so they see a mobile only version, the only bad thing about this is, you will have to code 2 versions of your website and have to keep editing 2 different files, whereas if you use media queries you can use the exact same pages but just play around with the queries to have it display in a different manner.If you're wondering about screen/viewport sizes for different devices, CSS-Tricks has a great reference: <a href="http://css-tricks.com/snippets/css/media-queries-for-standard-devices/" target="_blank">http://css-tricks.com/snippets/css/media-queries-for-standard-devices/</a>There is also another that has almost every device going and it generates the code for you: <a href="http://nmsdvid.com/snippets/" target="_blank">http://nmsdvid.com/snippets/</a>I keep them both bookmarked because they're both great.</blockquote>

[QUOTE="Markshall, post: 294706, member: 1872"] Media queries is probably the best solution to making a website responsive. Another way is to make a subdomain or something like '[url]http://m.mysite.com[/url]' and on the root directory of your website ([url]http://mysite.com[/url]), have a script that will redirect mobile users to '[url]http://m.mysite.com[/url]' so they see a mobile only version, the only bad thing about this is, you will have to code 2 versions of your website and have to keep editing 2 different files, whereas if you use media queries you can use the exact same pages but just play around with the queries to have it display in a different manner. If you're wondering about screen/viewport sizes for different devices, CSS-Tricks has a great reference: [url]http://css-tricks.com/snippets/css/media-queries-for-standard-devices/[/url] There is also another that has almost every device going and it generates the code for you: [url]http://nmsdvid.com/snippets/[/url] I keep them both bookmarked because they're both great. [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members