zoukankan      html  css  js  c++  java
  • 移动端开发的兼容性处理

    PC机与移动端的分辨率不同,导致页面或视频会出现拉长的情况,针对移动端的兼容性问题,可尝试将以下代码加到网页中.

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Expires" content="-1">
        <!--移动端版本兼容 -->
        <script type="text/javascript">
          var phoneWidth = parseInt(window.screen.width);
          var phoneScale = phoneWidth / 640;
          var ua = navigator.userAgent;
          if (/Android (d+.d+)/.test(ua)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
              document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
              document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
          } else {
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
          }
          
        </script>
        <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
        <!--移动端版本兼容 end -->
  • 相关阅读:
    QT 手式编译步骤
    Linux QT 连接 Sqlite数据库
    JDK_1.8的Windows和Linux环境下的下载与安装
    聚焦BPM弹窗
    SQL查重去重
    sql函数使用
    SQL游标
    转载:《TypeScript 中文入门教程》 2、枚举
    《TypeScript 中文入门教程》 1、基础数据类型
    转载:《TypeScript 中文入门教程》
  • 原文地址:https://www.cnblogs.com/mrxia/p/4611514.html
Copyright © 2011-2022 走看看