記事情報企業

iQONのviewportを一気に書き換えた話

iQONのviewportを一気に書き換えた話

フロントエンドエンジニアのnibaです。先日、iQONのスマホページでviewportの改善を行いました。その際の技術選定や工夫について述べていきたいと思います。viewportについてまず初めにviewportに関して説明します。viewportはHTMLメタ要素の一つです。これを指定することにより、スマホ/タブレットで表示される際の描画領域幅やスケールを...

更新日: 2016-09-02
記事の見出し
  • iQONのviewportを一気に書き換えた話
  • viewportについて
  • 今回やったこと
  • 具体的にどのように改修を行ったか
  • 実装で用いる単位の検討
  • 1remの大きさの設定
  • 改修でハマった点
  • ボーダーが消えてしまうことがある
  • border-radiusで描いた円が歪む
  • 子要素が微妙に隠れてしまう
  • まとめ
  • 最後に
テックブログ情報
iQONのviewportを一気に書き換えた話
ブログVASILY DEVELOPERS BLOG
ブログ概要
QiitaQiita::vasily
会社名株式会社VASILY
会社概要ファッションアプリ『IQON』を提供するテック企業