misc: auto500px 필요없음.

hwe/index.php

@@ -115,7 +115,7 @@ if (!$otherTextInfo) {
     <title><?= $serverName ?>: 메인</title>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=500, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=0.72, maximum-scale=1.0, minimum-scale=0.72">
     <?= WebUtil::printJS('../d_shared/common_path.js') ?>
     <?= WebUtil::printJS('dist_js/vendors.js') ?>
     <?= WebUtil::printJS('d_shared/base_map.js') ?>

hwe/ts/main.ts

@@ -12,7 +12,6 @@ exportWindow($, '$');
 
 import '../scss/main.scss';
 import { unwrap } from './util/unwrap';
-import { auto500px } from './util/auto500px';
 import { htmlReady } from './util/htmlReady';
 
 $(function ($) {
@@ -124,6 +123,4 @@ $(function ($) {
         window.addEventListener('scroll', onScroll, true);
         window.addEventListener('orientationchange', onScroll, true);
     });
-})();
-
-auto500px();
+})();

hwe/ts/util/auto500px.ts

@@ -16,7 +16,7 @@ export function auto500px(targetHeight = 700): void {
         const htmlTag = unwrap(document.querySelector("head"));
         _viewPortMeta = document.createElement("meta");
         _viewPortMeta.name = 'viewport';
-        _viewPortMeta.content = 'width=500, initial-scale=1';
+        _viewPortMeta.content = 'width=device-width, initial-scale=0.72, maximum-scale=5.0, minimum-scale=0.72';
         htmlTag.appendChild(_viewPortMeta);
         viewportMeta = _viewPortMeta;
     }
@@ -30,7 +30,7 @@ export function auto500px(targetHeight = 700): void {
         const selectorHeight = targetHeight;
 
         if (deviceWidth < 500) {
-            viewportMeta.content = 'width=500, initial-scale=1';
+            viewportMeta.content = 'width=device-width, initial-scale=0.72, maximum-scale=5.0, minimum-scale=0.72';
             return;
         }