网页制作吧 关注:156,824贴子:478,738
  • 1回复贴,共1

分享一段手机端自适应代码

只看楼主收藏回复



IP属地:河南1楼2021-03-08 17:11回复
    <!-- 手机网站自适应窗口开始 -->
    <meta name="viewport" id="WebViewport" content="width=100%,initial-scale=1,target-densitydpi=device-dpi,minimum-scale=0.5,maximum-scale=1,user-scalable=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <script language="javascript">
    if(screen.width<480)
    {
    document.getElementById('WebViewport').setAttribute('content', 'width=100%,initial-scale=' + screen.width / 480 + ',target-densitydpi=device-dpi,minimum-scale=0.5,maximum-scale=1,user-scalable=1');
    }
    </script> <!-- 手机网站自适应窗口结束 -->


    IP属地:河南2楼2021-03-08 17:11
    回复