タグ

safariに関するaoiasabaのブックマーク (3)

  • 今更理解するSafariデベロッパーツール - Qiita

    先日、誰もSafariのデベロッパーツールの存在を知らないんじゃないか?という疑問に唐突に駆られたのでその存在を紹介すべく今この記事を書いています。 デベロッパーツールを有効にする Safariにもデベロッパーツールがあるのを知った僕ですが、最初はいまいち有効にする方法がわかりませんでした。Appleサポートによると Safari>環境設定>詳細 からメニューバーに開発ツールを表示するようです。 デベロッパーツールの機能 デベロッパーツールはこのようになっています。この画像を見ればこのツールが何をできるのかはだいたい想像ができると思いますが、この記事では以下のような項目を解説していきます。 レスポンシブデザインモード スニペットエディタ Webインスペクタとタイムライン 要素選択 レスポンシブデザインモード 上の写真はappleのページをレスポンシブデザインモードで開いたものです。見て分か

    今更理解するSafariデベロッパーツール - Qiita
  • iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker

    iOSのSafariでなぜか特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記:letter-spacing: -0.001em; で直るっぽい

    iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker
  • c/fe

    https://uzulla.hateblo.jp こっちを見てね! スーパーシンプルやな…。 そうそう、見出し置くと記事が切れるんだった。 http://d.hatena.ne.jp/hatenadiary/20181113/1542071987 はてだとはてぶろを両立させようかと思ったこともありましたが、結局もどってきませんでしたね。 ああ、いろいろと思い出がある…。 ベータなんだし、もうちょっとガンガン機能追加されるのかなーっておもってたんだけど、割とあんまり機能追加されないので微妙な気分になってる。 一旦戻ろうかしら。 Panasonic Lumix GX1買ったんですよ http://uzulla.hateblo.jp/entry/2011/11/27/230731 XMailをつかってみないか? http://uzulla.hateblo.jp/entry/2011/11/26

    c/fe
  • 1