Google Adwords/SEO: Making an HTML page "mobile responsive" - Question about Google Recommendations

brothertruffle880
brothertruffle880 used Ask the Experts™
on
Hopefully a quick question:
If I add the two lines of code in the link shown here, will that make my HTML page mobile responsive?
https://developers.google.com/webmasters/mobile-sites/mobile-seo/responsive-design#tldr
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Ryan ChongSoftware Team Lead
Commented:
short answer is probably no. you need to have some js framework to make a mobile responsive page, which you can do it via bootstrap, for example.
http://getbootstrap.com/
Dave BaldwinFixer of Problems
Most Valuable Expert 2014
Commented:
The meta name="viewport" line does not make a site responsive.  That is used to tell the browser what scale to use.  And I have it on a lot of desktop pages that won't scale 'responsively' to small screens.  It helps a little if the screen is large enough.

There is no little fix you can do to make pages responsive.  To make a page 'responsive', you have to design it to be responsive.
You need to use @media in your CSS and use % instead of fixed values for the items like pictures
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

You can use a framework
http://getskeleton.com/ 
http://foundation.zurb.com/

 or use https://jquerymobile.com/

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial