「iOS」の記事一覧
2021.03.03
tableの横スクロール時にタッチデバイスでアニメーション表示
ブラウザの幅がtableの幅よりも狭くなった時に、CSSのoverflow-xを利用して横スクロールでtableを表示します。ただしiOS13以降safariで…
2021.02.06
高さを判定してoverflow-yプロパティで縦スクロール
画面の高さが要素の高さよりも低くなった場合、要素にoverflow-yプロパティを適用して要素内のコンテンツを縦スクロールで表示します。デモページはこちら 画面…
2020.09.14
metaタグのformat-detectionで自動リンクを無効化
デモページはこちら metaタグのformat-detectionを設定して、スマホのブラウザで電話番号、メールアドレス、住所の表記がリンクに自動変換されるのを…
2020.09.04
viewportの指定について
レスポンシブでサイトを制作する場合、HTMLでviewport、CSSでメディアクエリ、両方を設定する必要があります。CSSでメディアクエリを記述しても、vie…
2020.08.19
iOS Safariのツールバーと表示エリアの挙動
iOS Safariで表示される画面下部のツールバーは、下にスクロールすると非表示になります。正確には上部のアドレスバーが小さくなり、下部のツールバーが消えます…
2020.06.27
iOSのブラウザでセレクトボックスの文字を省略せずに表示
iOSのブラウザではセレクトボックスに長いテキストの選択肢がある場合、途中で省略して表示されます。省略記号「…」が付いて選択肢が最後まで読めません。これを全て表…