自动适应手机Iphone5Iphone7 plus屏幕

Posted 百草之家

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自动适应手机Iphone5Iphone7 plus屏幕相关的知识,希望对你有一定的参考价值。

    
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <link rel="apple-touch-icon" href="favicon.ico" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="format-detection" content="email=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="320" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="browsermode" content="application" />
  <meta name="x5-page-mode" content="app" />
  <meta name="msapplication-tap-highlight" content="no" />
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <title>WEIXIN</title> 
<style> 
body{ text-align:center} 
.pageCnt{ margin:auto auto; width:277px;  border:0px solid red;} 
</style>    
    </head> 
    <body> 
                <div class="pageCnt"><h1><a href="javascript:history.go(-1);">返回</a></h1></div>
                <br>
                <div class="pageCnt"><font color="#FF0000" size="3"> 1:截图二维码保存相册</font><br /> <font color="#FF0000" size="3">2:打开微信扫一扫 选择    <br />   相册中保存的二维码图片</font><br />             <div class="pageCnt"><img width="277" height="277" src="qr/qr.php?url=wxp%253A%252F%252Ff2f0-eCoXaDnkWpem0uo-CBe3I8yyNjzBuIC" /></div> <br>
            <div class="pageCnt"><h4>充值编号:2034-1498930119</h4></div>
            <br>
                <div  class="pageCnt">
                <img src="https://static.heepay.com/Pay/V1/Images/AliPay/alipay_smsyt.png" width="277px">
            </div>
        </div>
    </body> 
    </html> 

 

以上是关于自动适应手机Iphone5Iphone7 plus屏幕的主要内容,如果未能解决你的问题,请参考以下文章

如何实现手机自动适应网页

手机屏幕的宽度自动适应

自动换行 css 自适应 宽度不能用固定的,因为必须要适应各类手机,求方法

c#如何使背景图片自动适应屏幕都大小

Rem是如何实现自适应布局的?

iphone7plus卡贴机能放卡吗