WebViewコンポーネントにcontentMode="mobile"を追加し、表示を最適化

This commit is contained in:
harukin-expo-dev-env
2026-03-30 23:45:31 +00:00
parent 3cb14405f6
commit b3d7ba448d
8 changed files with 44 additions and 7 deletions

View File

@@ -909,8 +909,9 @@ const setNewTrainItem = (element,hasProblem,type)=>{
element.style.display = 'flex';
element.style.alignItems = 'center';
element.style.justifyContent = 'center';
element.style.width = '4.5em';
element.style.maxWidth = 'calc(38vw / 2 - 6px)';
element.style.width = '56px';
element.style.maxWidth = '56px';
element.style.flexShrink = '0';
element.style.minHeight = '80px';
element.style.height = '100%';
element.getElementsByTagName("img")[0].style.float = 'unset';
@@ -933,6 +934,14 @@ const setNewTrainItem = (element,hasProblem,type)=>{
//列番付与
const setStrings = () =>{
try {
// viewport meta tagを強制設定iPad Stage Manager等でのズーム防止
var _vpMeta = document.querySelector('meta[name="viewport"]');
if (!_vpMeta) {
_vpMeta = document.createElement('meta');
_vpMeta.name = 'viewport';
document.head.appendChild(_vpMeta);
}
_vpMeta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
const elements = document.querySelectorAll('#disp > div > div > div[onclick]');
const setNewTrainItemUI = ()=>{
const aaa = (x2,pos) => {
@@ -1190,8 +1199,8 @@ const setStrings = () =>{
document.querySelector('#pMENU_3').style.backgroundColor=_t.bgSec;
document.querySelectorAll('#pMENU_2 div').forEach((d)=>d.style.padding = '10px');
document.querySelectorAll('#pMENU_3 div').forEach((d)=>d.style.padding = '10px');
document.querySelectorAll('#topHeader div').forEach((d)=>d.style.width = '100vw');
document.querySelectorAll('#disp div')[0].style.width = '100vw';
document.querySelectorAll('#topHeader div').forEach((d)=>d.style.width = '100vw');
document.querySelectorAll('#disp div')[0].style.width = '100vw';
document.getElementById('disp').style.width = '100vw';
document.getElementById('disp').style.overflowX = 'hidden';