iOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法 - Qiita
window.addEventListener("resize", function() { alert("ウインドウがリサイズしました。"); }) Mobile Safari (iPhone 6s、iOS 9.1.2)で最初のスクロールをしてみると、縦持ち・横持ちを切り替えていないのにリサイズした旨のアラートが表示されます。 何故こんなことが起こるのか？ iOS 8からスクロール時にアドレスバーが自動で小さくなる仕様となりました。これにより、アドレスバーが小さくなった分だけウインドウサイズが大きくなったと見なされ、リサイズイベントが発生するようになったのです。ウインドウサイズのことを考えれば当然の挙動なのですが、「スクロールしただけでリサイズイベントが発生する」というのはデスクトップでのブラウザに慣れている人であれば違和感を感じるのではないでしょうか。 意図したとおりにリサイズイベント
Safari 14.1 未満のバージョンに Flexbox の gap プロパティのフォールバックスタイルを追加するための CSS ハック
Safari 14.1 で Flexbox の gap プロパティが Safari でも使えるようになりました。 Safari 14.1 Adds Support for Flexbox Gaps ただ、Safari のバージョンアップは OS のアップデートが絡むので、他のブラウザに比べてすぐにサポートを切りにくいです。Flexbox gap はとても便利で Safari 以外の 主要なブラウザでは対応されている ので使いたいけど Safari のせいでまだ使えないと嘆いている方も多いのではないでしょうか？僕も同じくでした。 自分を含めそんな方々を救うために、それを解決する CSS ハックを作ってみましたので紹介します。（この CSS ハックにどれくらいのニーズがあるかわかりませんが 😅） 問題点 この問題の一番ややこしいところは CSS Grid 用の gap プロパティは Safa
【Macの豆】第103回：Safariで正しくないFaviconが表示されている場合の対処法 - りんごが好きなのでぃす
macOS 10.15 CatalinaにしてからSafariに登録してあるブックマークのファビコンがなぜか違うサイトのものに変わってしまう現象に時々遭遇してしまいます。 楽天が世界のGoogleを傘下におさめ……る訳ないよな 一度変わってしまうと以下に記す手順などを踏まない限りは勝手に正常に戻ることが無いので地味に迷惑です。 この現象、macOS 10.15 Catalina以前でも時々発生している不具合のようなので1年以上もこの現象は解決されていない、ということなのか。 となると、もしかしたら次期バージョンのmacOS 11.0 Big Surでも起きるかもしれないですね……知らんけど。 主な対応方法は2つ（やってることはほぼ同じ） Safariの履歴を消す Safariメニューから "履歴を消去…" を選択 消去の対象を選択*1して［履歴を消去］ボタンを押す これで情報が初期化され、
iOS Safari が自動で追加する電話リンクを CSS だけで無効にする - Qiita
iOS Safari さんの小さな親切が大きなお世話なときの処方箋です。忘備録として。 1.「電話リンクを自動で追加してくれるのはありがたいんだけど、これは電話番号ではないのだよ」というとき iOS Safari が <a href="tel:0123456789"> のようなリンクタグを追加するので、CSS セレクタには a を含めるようにします。pointer-events は、クリックを無効化する CSS プロパティですね。 <style> .disable-auto-tel a[href^="tel:"] { color: inherit; text-decoration: none; pointer-events: none; } </style> <p class="disable-auto-tel">0123456789</p>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
