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/
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
<meta 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%;} /* 设置了浏览器宽度不大于 2160px 时 abc 显示1200px宽度 */ @media screen and (max-width: 2160px) { .abc {padding-left:800px;} } /* 设置了浏览器宽度不大于 1080px 时 abc */ @media screen and (max-width: 1081px) { .abc {padding-left:450px;} } /* 设置了浏览器宽度不大于720px时 abc */ @media screen and (max-width: 768Px) { .abc {padding-left:330px;} } /* 设置了浏览器宽度不大于720px时 abc */ @media screen and (max-width: 720px) { .abc {padding-left:300px;} } /* 设置了浏览器宽度不大于500px时 abc */ @media screen and (max-width: 640px) { .abc {padding-left:250px;} .textfield_{font-size: 1.1em;width:150px; height: 18Px;} } /* 设置了浏览器宽度不大于500px时 abc */ @media screen and (max-width: 414px) { .abc {padding-left:160px;} .textfield_{font-size: 1.0em;width:150px; height: 18Px;} } /* 设置了浏览器宽度不大于500px时 abc */ @media screen and (max-width: 320px) { .abc {padding-left:120px;} .textfield_{font-size: 0.9em;width:150px; height: 18Px;} } </style> </head> <body topmargin="0" leftmargin="0" rightmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0"> <div><img src="images/top.png"></div> <div> <table cellspacing="0" cellpadding="0"> <tr> <td> <input type="text" value="10330" /> </td> </tr> <tr> <td colspan="2"></td> </tr> <tr > <td> <input type="text" value="210000055878781" /> </td> </tr> </table> </div> <div ><img src="images/mid.png"> </div> <div><img src="images/buttom.png"></div>
相关文章
精彩导读
热门资讯
关注我们
