タブレットのhoverを考え直したい
きっかけ最近、IE/Edge確認のためSurface goを買って使ってるんですが、ナビゲーションとかでうまく動かないサイトをたまに見かけます。 ↓は、bootstrapのhoverを利用したドロップダウンメニューライブラリbootstrap-dropdown-hoverをタブレットで操作している様子です。 ちょっとわかりにくいですが、タップしてもドロップダウンメニューが表示しないことがあります。 なにが起きてるのか？パソコンではhover時に下層メニューが表示します。 スマホでは、タブレット同様、hoverという操作は存在しませんが、タップ時に下層メニューが表示します。 これは、多くのスマホの場合、 タップしている最中 と タップ後 が :hover の擬似クラスに割り当てられているためです。 よって、CSSの :hoverクラス で実装されていればパソコン同様に操作可能です。 スマホで
CSS WG Blog – How to unprefix -webkit-device-pixel-ratio
This is a page from the Cascading Style Sheets Working Group Blog. Some other places to find information are the “current work” page, the www-style mailing list, the Future of CSS syndicator, and the issue list on Github. Do you want to know how the CSS WG works? Fantasai has written about:csswg, An Inside View of the CSS Working Group at W3C. Once upon a time, Webkit decided a media query for the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
