2015/09/12

メディアクエリの備忘録※追加事項

css

以前のメディアクエリの備忘録で書き忘れていた事があったので補足。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

body  {-webkit-text-size-adjust:100%;}

これ書かないと反映されません。うっかり。

このエントリーをはてなブックマークに追加
Tweet

css
画像を丸くトリミングする
カスタム投稿記事を呼び出す

Related article

【jQuery不要】javascriptで作るアコーディオン

jQuery無しで動くアコーディオンを作りました。スライドする動きはどうにも表現が難しかったのでア...
css javascript
記事を読む

メルマガをダークモード対応する備忘録

ダークモード対応する機会があったのでメモ。ダークモードに対応しているメーラーは背景色と文字色が反転...
css html5
記事を読む

スマーフォン用ドロップダウンメニュー

私の別の個人ブログで使用したスマーフォン用のドロップダウンメニュー。メニューを下から閉じさせたかっ...
css javascript
記事を読む

メニュー以外の箇所をタップするとメニューが自動で戻るナビゲーション

UIを意識したくて作ったやつ。メニューをスライドさせる動きとclassを付けるのをjQueryで行っ...
css javascript
記事を読む

フル画面のスライドショー

ブラウザ画面いっぱいに広がるスライドショーです。結構楽しかった。 以前のエントリ「ブラウザ幅いっぱい...
css javascript
記事を読む
style01

東京在住のweb屋が
気になったコードを書いていく日記

  • コーダーのための計算機
  • Popular articles

    • Enterキーを押すとsubmitされるのを防ぐ 232件のビュー
    • Swiperでウィンドウ幅と、スライド個数によってスタイルを変える 144件のビュー
    • 一定時間だけ表示するモーダルウィンドウ 108件のビュー
    • メニュー以外の箇所をタップするとメニューが自動で戻るナビゲーション 101件のビュー
    • 外部HTMLをポップアップする 71件のビュー
    • iOS15のSafariで背景固定のモーダルを立ち上げると、タップ領域が上にずれる 66件のビュー
    • Reactでアコーディオンを作る 65件のビュー
    • flexboxのspace-betweenが効かない時の備忘録 55件のビュー
    • Reactでモーダルを作る 55件のビュー
    • Vue3でファイルアップロード&モーダルプレビュー 51件のビュー
  • Category

    • css (44)
    • html5 (5)
    • javascript (52)
    • PHP (2)
    • React (2)
    • Vue (3)
    • wordpress (39)
    • 家電 (2)
    • 雑記 (7)
  • Recent posts

    • Vue3でファイルアップロード&モーダルプレビュー
    • スプレッドシートを簡易的なDBっぽく使う
    • Web Animation API を使う
    • Swiperをnpmで読み込んで使う時の備忘録
    • scrollIntoViewでスムーススクロール(ハッシュタグ付き)
  • Archive(year)

    • 2022 (10)
    • 2021 (10)
    • 2020 (7)
    • 2019 (12)
    • 2018 (23)
    • 2017 (32)
    • 2016 (25)
    • 2015 (9)
  • Profile

    ねるね

    東京に住んでるweb屋。
    仕事で気づいたこと・学んだことなどをメモしていきます。
    お問い合わせ

Contact / プライバシーポリシー・免責事項

© 2015-2022 style01