chromeでブラウザ幅を変更した際、幅によって背景画像が見切れたり見切れなかったりする現象に遭遇したので、その際の対応方法をメモ。
HOME > chrome
-
chromeで画面幅によって背景画像が見切れる現象
-
svgをimgタグで埋め込んだ際にchromeで表示されない
Photoshopでsvgを書き出してimgタグで埋め込んだ時に、chromeでだけうまく表示されない不具合に遭遇したので対応方法をメモ。
chromeのバージョンは72.0.3626.121、Photoshopのバージョンは20.0.0を使用しています。 -
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメモ。
-
Mac Safariでvideoの自動再生ができない
Safari 11からvideoタグのautoplayが効かなくなっているようだったので、いくつかデモを作って試してみました。
-
chromeでpointer-events noneが効かない不具合
YouTube埋め込みの前面に要素を重ねてpointer-events: none を指定した際、Google Chromeでうまく効かないことがあったので、その原因と対応方法をメモしておきます。
-
開発用の.devドメインが表示できなくなった件とその対応方法
開発用で使用している.devドメインがchromeとFirefoxでうまく表示できなくなったので、その際に対応した方法をメモしておきます。
今回対応したのは、XAMPPでバーチャルホストの設定をしたWordPressの環境になります。 -
areaタグの位置をoffset()でうまく取得できない
areaタグの位置をjQueryのoffset()で取得しようとしたところ、IEでは取得できたのですが、FirefoxとGoogle Chromeでうまく取得できなかったので、対応方法をメモしておきます。
-
Google Chromeの拡張機能を作成してみる
Google Chromeの拡張機能にはいくつか種類がありますが、その中からbrowser actionという種類の拡張機能を作成してみます。
-
Google ChromeのDeveloper Toolsでエミュレートするユーザーエージェントを追加する
Google ChromeのDeveloper Toolsでdevice modeにユーザーエージェントを追加してみます。
-
画像読み込み後に処理を行う
画像が読み込まれたら何か処理を行う実装をしていたのですが、chromeとIEでの対応に少し実装で詰まったので方法をメモしておきます。