1分 read (About 119 words)

iPad向けCSS対応

端末サイズによって font-size を変えたい時、rem を使うと思いますが、意外と rem は万能ではなく、iPad だとかなり小さく見えます。

なので以下のように端末サイズによって分岐して指定した方が良いです。

1
2
3
4
5
6
7
8
9
10
11
12
13
/* for iPad */
@media screen and (min-width: 768px) {
  html {
    font-size: 1.2rem;
  }
}

/* for iPhone */
@media screen and (max-width: 767px) {
  html {
    font-size: 0.7rem;
  }
}
# css
フォームボタンを連打したら多重送信されてしまうバグを防ぐ方法
【Vue.js】モーダルコンポーネントのサンプル

タグクラウド

Android Android開発 Cordova Docker FCM FP Firebase Git Hexo Ionic JavaScript Kotlin MongoDB Node.js Numerai PHP PWA Python RSpec Rails RubyMine RubyOnRails VR Vue XCode bitcoin bitflyer bot css ethereum iOS開発 js kintone mongoDB python レビュー 感想 振り返り 損益公開 日記 機械学習 筋トレ 読書メモ

アーカイブ

タグ

Android 28
Android開発 1
Cordova 26
Docker 2
FCM 2
FP 1
Firebase 2
Git 1
Hexo 2
Ionic 1
JavaScript 16
Kotlin 2
MongoDB 2
Node.js 1
Numerai 1
PHP 4
PWA 2
Python 1
RSpec 1
Rails 3
RubyMine 2
RubyOnRails 1
VR 1
Vue 12
XCode 2
bitcoin 1
bitflyer 1
bot 12
css 4
ethereum 1
iOS開発 1
js 1
kintone 1
mongoDB 1
python 2
レビュー 1
感想 2
振り返り 1
損益公開 4
日記 1
機械学習 11
筋トレ 2
読書メモ 13

アーカイブ

タグ

Android 28
Android開発 1
Cordova 26
Docker 2
FCM 2
FP 1
Firebase 2
Git 1
Hexo 2
Ionic 1
JavaScript 16
Kotlin 2
MongoDB 2
Node.js 1
Numerai 1
PHP 4
PWA 2
Python 1
RSpec 1
Rails 3
RubyMine 2
RubyOnRails 1
VR 1
Vue 12
XCode 2
bitcoin 1
bitflyer 1
bot 12
css 4
ethereum 1
iOS開発 1
js 1
kintone 1
mongoDB 1
python 2
レビュー 1
感想 2
振り返り 1
損益公開 4
日記 1
機械学習 11
筋トレ 2
読書メモ 13
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×