有料版ではここに
ウィジェットを設置可能

iPadで表示が崩れる

2019 12/01
有料版ではここに
ウィジェットを設置可能

なんで!?

といろいろ調べながらトライ&エラーで頑張ってます。

目次

Retinaディスプレイ

画像サイズに注意!

KRAY Inc.
Webサイト&WebアプリのRetina対応方法まとめ
Webサイト&WebアプリのRetina対応方法まとめこんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されてい...
今さら聞けない!Retinaディスプレイに対応したデザインをするために知っておきたい4つのこと
今さら聞けない!Retinaディスプレイに対応したデザインをするために知っておきたい4つのこと今回は、Retinaディスプレイに対応したデザインをするために知っておきたい5つのことをご紹介します。Retinaディスプレイは、高解像度のディスプレイの中でもよく知られて...
FASTCODING BLOG
Retina対応のWebデザインをするときの注意点
Retina対応のWebデザインをするときの注意点Retina対応のWebデザインをするときの注意点。PhotoshopやIllustratorでWebデザインをつくるときの、Retina対応の方法ちゃんとわかっていますか?Retinaってなに?とりあえ...
Requ.log | レク.ログ
【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetinaディスプレイ対応方法
【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetinaディスプレイ対応方法WEBサイトのRetina対応、そろそろ始めたい? 「あ、でも”初心者お断り”系のカスタマイズはちょっと…」 「画面が真っ白になるよーなアブナイことはしたくない」 「ここはひ...
Requ.log | レク.ログ
【Retinaディスプレイ対応1】Macで綺麗に。Windowsでサクサク。ブログ画像をOSごとに適切表示させる方法
【Retinaディスプレイ対応1】Macで綺麗に。Windowsでサクサク。ブログ画像をOSごとに適切表示させる方法ページ表示速度を考えると、画像はできるだけ小さいサイズでアップロードするべきです。でも、MacのRetinaディスプレイでの見栄えは...画像がボヤケて見えてしまいますね。...
Requ.log | レク.ログ
【Retinaディスプレイ対応2】スリムで美しいブログを実現させる、画像圧縮と不可欠な知識
【Retinaディスプレイ対応2】スリムで美しいブログを実現させる、画像圧縮と不可欠な知識Retinaディスプレイでオリジナルの画質を再現したい!そのためには、画像を2倍のサイズでアップロードすればOKなんですが...ページ表示は重くなります。やっぱりWindowsで...

画面サイズ(横幅)の計算

No Image
【2020年版】Webデザイナーが覚えておきたいWebデザインの横幅サイズを解説! | ELEMENTWebサイトのデザインをする時にパソコンとスマートフォンのサイズはどれくらいがいいのか分からないことはありませんか?この記事ではパソコンとスマホそれぞれでオススメ...
Liibercraft|リーベルクラフト
WEBサイトの横幅のサイズはいくつが良い?何pxが最適なのかを徹底解説!
WEBサイトの横幅のサイズはいくつが良い?何pxが最適なのかを徹底解説!WEBサイトを作ろうと思った時に、サイトの横幅をどの位にすれば良いか悩む事はありませんか? できれば最適なサイ…

ベンダープレフィックスも忘れない

iPadで見たとき、どうもCSSが効いてなさそう…と思ったので、蔑ろにしていたベンダープレフィックスを見直しました。

flexboxのバグ

Qiita
flexboxのバグに立ち向かう(flexboxバグまとめ) - Qiita
flexboxのバグに立ち向かう(flexboxバグまとめ) - Qiita flexbox使ってますか?バグつらいですね。必死に組んだレイアウトがIE11で崩れる様を見て、膝から崩れ落ちたことは何度もあります。 Solved by Flexboxの作者でもある、...

calc()関数もベンダープレフィックス

株式会社クーネルワーク
【CSS】使いそうで使わない?いや、結構使えるcalc()関数! | スタッフブログ | 株式会社クーネルワーク
【CSS】使いそうで使わない?いや、結構使えるcalc()関数! | スタッフブログ | 株式会社クーネルワーク【CSS】使いそうで使わない?いや、結構使えるcalc()関数! | スタッフブログ | 株式会社クーネルワークは新潟市西区の総合WEBマーケティング会社です。WordPressを使用し...

Viewport?ブレイクポイント?も確認

ジユウメモメモ
レスポンシブWebデザインでiPad向けにPC表示を見せるときの注意点
レスポンシブWebデザインでiPad向けにPC表示を見せるときの注意点ブログのスマホ対応ができて安心していたら、iPadから見たときに不具合があったことに気づかなかった。タブレット向けレイアウトを用意せずPC表示を見せるときの設定方法を...

つまりは…

iPadの表示対応めんどくさい!Retina嫌!!
ってなりました。。

有料版ではここに
ウィジェットを設置可能
有料版ではここに
CTA用ウィジェットを設置可能

関連記事

コメント

コメントする

目次