HTML5 Viewport Meta Tag, html5viewport

HTML5 Viewport Meta Tag, html5viewport

Https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Https://dev.opera.com/articles/an-introduction-to-meta-viewport-and-viewport/

Http://developer.blackberry.com/playbook/html5/documentation/viewport.html

Https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag? Redirectlocale = en-US & redirectslug = Mobile % 2FViewport_meta_tag

Https://msdn.microsoft.com/en-us/library/windows/desktop/bb152361 (v = vs.85). aspx

Http://htmlref.com/

 

<Meta name = "viewport" content = "width = device-width, initial-scale = 1, user-scalable = no"> <style type = "text/css">. textfield _ {border: 0px;/**/font-size: 1.5em; width: 200px; height: 30px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; background-repeat: no-repeat; background-position: center; color: # 42261A; font-family: Arial, Helvetica, sans-serif ;}. abc {width: 100%; align: right; valign: top; padding-left: 50% ;} /* If the browser width is set to not greater than 2160px, abc will display pixel width */@ media screen and (max-width: 2160px ){. abc {padding-left: 800px ;}/ * When the browser width is set to not greater than 1080px, abc */@ media screen and (max-width: 1081px ){. abc {padding-left: 450px ;}/ * When the browser width is not greater than 720px, abc */@ media screen and (max-width: 768Px ){. abc {padding-left: 330px;}/* When the browser width is not greater than 720px, abc */@ media screen and (max-width: 720px ){. abc {padding-left: 300px ;}/ * When the browser width is not greater than 500px, abc */@ media screen and (max-width: 640px ){. abc {padding-left: 250px ;}. textfield _ {font-size: 1.1em; width: 150px; height: 18Px ;}} /* If the browser width is not greater than 500px, abc */@ media screen and (max-width: 414px ){. abc {padding-left: 160px ;}. textfield _ {font-size: 1.0em; width: 150px; height: 18Px ;}} /* If the browser width is not greater than 500px, abc */@ media screen and (max-width: 320px ){. abc {padding-left: 120px ;}. textfield _ {font-size: 0.9em; width: 150px; height: 18Px ;}} </style>