capture属性を使ってみる
input type=fileに対して設定できるcapture属性について、いくつか設定を行い動作を試してみます。...
iOSの記事一覧
iOS Safariでダブルタップで拡大しないようにする
iOS Safariでダブルタップした際に拡大表示する機能がありますが、例えばゲーム系のコンテンツで連打することがある場...
input type=”search” の虫眼鏡アイコンを非表示にする
iPhoneなどのiOS端末でinput type=”search”を閲覧した際に、input内の左側に虫眼鏡のアイコン...
CSSで100vhを指定した際のiOSの対応
heightに100vhを指定して要素の高さを画面いっぱいにしたいという時がたまにありますが、iOSだとアドレスバーなど...
iOS Safariでbackground-attachment:fixedが効かない
background-attachment: fixed で背景を固定表示した際に、iOSのSafariで固定されないと...
Webインスペクタを使ってiPhoneのデバッグを行う
Mac SafariのWebインスペクタを使ってiPhoneのデバッグを行う方法をメモ。...
ファイル拡張子の「HEIF」について調べてみる
iOS11から導入されているHEIF形式の画像について調べてみました。...
iOSでフォーム入力時に画面がズームされる
iOSでフォーム入力時時に、画面がズームされてしまう問題を対応する機会があったので、調べた内容をメモ。...
JavaScriptで自動再生のvideoを埋め込む時の注意点
自動再生するvideoをJavaScriptで埋め込む機会があったのですが、iOS系の端末だけ再生されないということがあ...
flexboxで横並びにした要素内でheight 100%がiOSで効かない
flexboxで横並びにした要素内でheight 100%を指定した際、iOS10で効かないということがあったので対応方...
JavaScriptを使ってiOSでスクロールできないようにする
以前iOSでスクロールできないようにする記事を投稿しましたが、iOS10でうまくいかないことがあったので、別の対応方法を...
iOSで変数未定義がundefinedでないことがある
JavaScriptで変数に値が入っているかどうかを調べたときに、iOSでだけundefinedでないことがあったので調...
iPadやAndroid Tabletでheight: 100%;が効かない
PCだとheight:100%;が意図した形で効いているのに、iPadやAndroid Tabletでは効かない現象に遭...
iOSでスクロールできないようにする
iOSでモーダルやハンバーガーメニューを開いている時に、スクロールで背景のコンテンツがスクロールされないようにする方法を...
iPhoneでJavaScriptからaudioの音量を変更できない
iPhoneでaudioの音量を変更しようとしてうまくいっていなかったのでメモしておきます。...
iOS10でインライン再生を実装する
iOS10でインライン再生や自動再生ができるようになったようなので、実際に試してみました。...
スマートフォンでボタンをクリックした時にYouTubeを再生する
スマホ向けサイトでYouTubeを埋め込む場合、iPhoneではプレーヤーをタップする形でないと動画を再生することができ...
iPhoneで動画をブラウザ内で再生する
iPhoneでvideoを使用する場合、autoplayの指定が効かない、再生時はフルスクリーン表示になるなど色々な制約...
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違ってい...
overflow-scrollingを指定するとscrollイベントが発生しない
overflow: scroll;を指定した要素に対してoverflow-scrolling: touch;を指定すると...