• ベストアンサー

iPadとPCでCSSを切替え

質問致します。 iPadとPCのサイトを作成しているのですが、 両方作成するのが手間なので、 CSSで切替えてしまおうと思っていいます。 調べたのですが、 どうも分からず困っています。 iPadとPCのCSS切替方法を教えてください。

  • CSS
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

わすれてました。 iphoneやiPadに対応したWEBサイトを作るスニペット11選 | KRUZ-GRAPHIX ( http://kruz-graphix.com/2010/05/code-snippets-to-develop-iphone/ ) をご覧ください。  なお携帯電話などには、mediatypeでtty.handheldのスタイルシートを指定しておけばよいでしょう。

pop0731
質問者

お礼

すごく助かります!早速試してみます。 ありがとうございました!!

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

CSS3では、 @media screen and (max-device-width: 480px){ /* iphoneなど480px以下のscree対象 */ } とかですが、ipadは画面幅が大きいので、通常のCSSで良いと思いますが??? そもそも、リキッドスタイルで作成すると良いかと 私は、最小で480px以上は、共通にしています。480px以上だと、たとえ1780pxの大きなウィンドウでも問題ないので・・ iphone用だと、上記スタイルシートです。

関連するQ&A

  • iPadかノートPC

    今度iPadかノートPCを購入しようと考えています。 ただ私はこういった機器に疎いのでどちらを買った方がいいのかも分かりません。外でノートPCを使用してネットを閲覧できるという事を最近知って驚いた程です。ただ自身がそのような状況で使ったことがないのでまだ半信半疑です。 いろいろと検索してみたのですが、よほど常識的なことなのか私の検索方法が悪いのかあまり参考になるサイトがありませんでした。 疎すぎるあまり質問自体も言葉足らずで分かりづらいかとは思いますが、よろしくお願いします。 お聞きしたいのは以下の事です。 ・iPadを購入する時はSoftBankと契約しないといけないのでしょうか?iPhoneと同じように。 アップル社の製品ということでMacintoshが頭に浮かぶのですが、Macintoshで見る事ができずWindowsからのみ見れるようなサイトも多いですよね。iPadではどうなのでしょうか? ・私は携帯(docomoのP705iμ)も5年以上前に発売された携帯を使用していて、そのような携帯でPC用のサイトを見るとまずまともに見る事ができないですよね。iPadでPC用のサイトを見てもあのような感じなのかな?と思っているのですが、どうでしょうか? 普段家のPC(Windows)でPC用のサイトを見ているのと同じぐらいちゃんと(特にデザイン面)表示され見ることができるのでしょうか? ・仮にiPadとノートPCを両方購入した場合、通信費を抑える方法があるでしょうか? たとえばどこどこのプロバイダと契約すればどちらにも接続できるなど。それぞれのプロバイダと契約する必要があるのかな?と思っているので。 ・利用料はそれぞれ月いくらぐらいかかるのでしょうか?使った分だけ高くなるのでしょうか? 私の家のPCは月3500円(固定)なのですが、iPadやノートPCもそれぐらいなのかなと思ってます。 ・ノートPCを買う場合下記のようなとこと契約すればいいのでしょうか? イーモバイル http://emobile.jp/ ノートPCを持ってる方が契約したとブログに記述していたので。 ご存知の方いらっしゃいましたらご教示ください。よろしくお願いします。

  • iPad単体で同人誌などをダウンロードできますか?

    iPad単体で同人誌などをダウンロードできますか? 同人誌に限ってではないのですが、パソコンで見るサイト上ではよく 「同人誌 無料ダウンロード」だとかがありますよね。 そういうようなものを、パソコンでDL→iPadで見られるように共有する、という手間を取らずに、 iPad単体でDLする方法はないでしょうか? Dropbokやi文庫などを使えばできそうな気もするのですが、検索の方法が下手なのか 現状、自分の知識では分かりません。 iPadを対象に、パンフレットや本を作成するための1つの方法として、 「サイトから、iPad単体でデータをDLし閲覧する」 方法を探しています。 もし可能なことでしたら、ぜひ教えてください!

  • IPhoneとIpadについて質問させてください。

    IPhoneとIpadについて質問させてください。 1台のパソコンで上記の2機を同期すると、両方ともアプリや音楽、写真データが一緒になってしまいますか? もし、2機を1台のパソコンで同期などを行う場合は、PC内2つのアカウントを作成し、別々で行う方法しかないのでしょうか? もう少しやりたいことを書きますと、写真データだけは両方同じデータにしたいのですが、音楽などは別々にしたいのですが、何かいい方法ありませんか?

  • ipadとPC

    アナログ人間かつ機械音痴なのでデジタル関係についてさっぱり分からないのでipadすらも何か分かってないのですがPCをタブレット型にしたような物ですか?ipadはPCの機能ほとんど使えるんですか?PCにはできてipadにはできない事ってありますか?私は主に調べ物や音楽を音楽プレーヤーに転送する程度しか使用した事しかないのですがipadでもできるのですか?最後に初心者や音楽転送程度しか使わない位ならPCのほうがいいですか?それともipadのほうが便利ですか?たくさん質問あって申し訳ないですが回答してくれる方いましたらよろしくお願いします。

  • iPadにある動画をPCに戻す方法

    質問させてください。 日頃、ビデオカメラで撮影した動画をPC(パソコン)上で編集した後、iTune経由でPCからiPadに同期をとって、iPadでも動画を見れるようにしていました。 しかし、突如PCが故障し、PCにあった動画がすべて消えてしまいました。つまり、iPadにだけ動画が残っている状況です。 そこで、このiPadにある動画をPCに戻したいのですが、その方法を教えていただけないでしょうか? iPadをPCに接続すると、PCのiTuneと自動で同期をとってしまい、iPad内の動画がすべて消えると考えています。

  • ipadにある音楽をPCに戻せますか?

    ipadとPCをiTunesで同期させPCで取り込んだCDをipadで聞いておりましたがPCが壊れたので初期化したため中にあった音楽も消えてしまいました。 ipadの方には残っていてそれを同期させるとiTunesStoreで購入した楽曲しかPCの方に戻りません。 全曲戻したいのですが方法を教えてください。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • Mac
  • PC作成のward 文章をiPad で編集したい

    PCはwindos7 , iPadはiPad2 を使っています。 海外に出張のため、iPadを持っていきますが、そのときに ward で作成した文書を、iPadで編集したいと思います。 どういう方法で、それをすることができるでしょうか? iPadの説明書を読んだら、USBケーブルを使うように書いてありましたが、 iPad2は、ケーブルを接続するようになっていません。(外付けは何もできません) Yhoo box 経由で ward作成の文章を閲覧することはできましたが、 編集もコピーもできませんでした。 何か方法があれば教えていただけないでしょうか? (たとえば字体や装飾などは変化してもかまわないので、  文章だけを編集し、保存し、後でPCで使えるように  したいのです) よろしくお願いします。

  • iPadだけでJavaScriptを適用させる方法

    お世話になります。 JavaScript初心者です。 ただいまiPadとパソコン両方で見れるサイトを制作しております。 iPadだけにJavaScriptを適用させたい(PCだけにも適用させれたら尚ありがたいです) のですが方法が分かりません。 ご教示頂けたら幸いです。 お手数をおかけ致しますが宜しくお願い致します。

  • PCかスマホか判別し、CSSを振分ける方法はあるか

    いくつかサイトを持っていますが、現在のPCサイトをスマホにも対応させたいと考えております。 <私の認識><やりたいこと><質問>に分けましたので、よろしくお願いいたします。 <私の認識> 1.現状、まだHTML5に対応していないブラウザがある。 2.PC用サイトとスマホサイトをHTMLレベルで作り分けると、アクセス数が分散してしまう。 3..PC用サイトとスマホサイトをHTMLレベルで作り分けると、更新作業が煩雑になる。 <やりたいこと> 「ブラウザがPCなのかスマホなのかを見分けて、CSSを振り分けたい。」 1..PCサイトの画像数や表現力は維持し、スマホサイトは画像量を抑える為に、画像をCSSのbackground-image:url(xxx.png)で表示させれば、PCには大きい画像、スマホは小さい画像を使った表現ができるのではないか。 2.PCサイトは幅固定、スマホサイトはリキッドデザインにして各画面幅に対応させられるのではないか。 <質問> 1.上記<認識>で間違っている部分はありますか? 2.上記<やりたいこと>の、「ブラウザがPCなのかスマホなのかを見分けて、CSSを振り分ける」方法はありますか? 調べたところ、画面の幅に応じてCSSを振り分けることはできようですが、各幅毎にCSSを作るというのも難しいので、スマホはリキッドデザインで各幅に対応したいと思っています。 よろしくお願いいたします。

  • iPadについて教えてください☆

    iPadについて教えてください☆ 8ヶ月の子持ち主婦です。 現在、家のPCがものすごく古くて(10年目)、すぐにも買い換えた方が良い状況なのです。何もかもに時間がかかりまくります(>_<) PCではネットと写真保存ぐらいしかしません。 なので、今は検索などは携帯でしています。 写真保存は容量が限界で、PCに入れ⇒ネット上に保存⇒消して⇒また入れる。 …と、PCに詳しくない私はこんな事をしています。 何か方法があるのかもしれませんが、わかりません(泣) そこで、PCを買うのではなくコンパクトなiPadはどうだろう???と思いました。 i Padで、 (1)ネット (2)写真保存&整理&印刷 (3)Word (4)Excel は出来ますか??? これさえ出来れば、iPadでィィのかな??と思うのですが… ●PCを買い換えるべき!! ●iPadだけでィィよぉ~ ●両方必要 など、ご意見お聞かせください。 少し耳にした情報だと、PCがないとipad使えないとか??? 本当に無知ですみませんが、よろしくお願いいたします。

専門家に質問してみよう