iOSのブラウザ(Safari・Chrome)でゲームをプレイした際、ゲーム画面外にはみ出ている入力フォームの一部分だけしか反応せず困っております。
入力フォームをゲームの画面内でもタップで反応させる(→文字入力画面を出す)にはどのように変更すれば宜しいでしょうか?皆様のお力をお貸しいただきたく存じます……
111_InputForm.js自体に手は加えておりません。
以下①②は現在使用しているプラグインコマンド、cssです。
(決定ボタンはゲーム画面の裏に隠しております。言語には疎いので適切でないかもしれません……)
①
コード: 全て選択
InputForm y=620;max=20;
②
コード: 全て選択
/* ここからは、テキストフォームのデザインに関する設定です。 */
#_111_input{
position: absolute; /* */
left : 5%;
z-index:999; /* */
font-size: calc(6px + 64 * (100vw - 100px) / 1920); /* ←この数字は文字の大きさを表しています */
width : 90%; /* ←この数字はウインドウの幅を表しています */
height : 10%; /* ←この数字はウインドウの高さを表しています */
font-weight:bold;
color: #f8f8f8;
text-align: center;
text-shadow: black 2px 2px 0px, black -2px 2px 0px,
black 2px -2px 0px, black -2px -2px 0px;
font-family: GameFont;
border-radius: 12px 12px 12px 12px;
background: rgba(0,0,0, 0.5);
}
/* ここからは、決定ボタンのデザインに関する設定です。 */
#_111_submit{
position: absolute; /* */
z-index:0; /* */
font-size: 0px; /* ←この数字は文字の大きさを表しています */
left : 50%;
bottom : 50%;
/* font-weight:bold;
color: #f8f8f8;
text-shadow: black 1px 1px 0px, black -1px 1px 0px,
black 1px -1px 0px, black -1px -1px 0px;
font-family: GameFont; */
border:none
}
:focus {
outline: none;
}