こんにちは。
分かりづらい標題ですが、スマートフォンやタブレットの利用を想定したWebサイトを構築する際に
解決したい問題で、具体的には以下のような内容です。
例えば入力フォームなどをタップしたときにソフトウェアキーボードが出現しますが、
通常であれば画面側が自動で、画面をフォーカスして入力フォームを拡大したり、
入力フォームがソフトウェアキーボードを邪魔しないように画面上部に移動するかと思います。
このたびそういったtextareaやinputが存在するページを作成したのですが、
このとき、ソフトウェアキーボードが入力フォームに重なってしまったり、
画面は軽く移動するものの、ソフトウェアキーボードの直上に入力フォームが来る程度しか移動せず
数字入力を行う際に誤って入力フォームをタップしてしまったりと、
何かと面倒なページとなってしまっております。
これについて何かうまい対応策などがあれば教えて頂きたいです。
表示ページにたくさん改行を付ければよいのでは?とも考えましたが、
想定しているページはスクロールなどが発生しないような、
一問一答アンケート式のようなページになっているため、
できればこのレイアウトも崩したくないと考えております。
利用OSはWindows 10 Tabletを想定しております。
ブラウザはGoogle Chromeです。
分かりづらいかもしれませんが、何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー