![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
スマホはmediaでいうとパソコンと同じscreenです。
ここはわかってますよね。そして、ウェブサイトを作られているなら、当然下記は基礎ですから御存知かと・・
【引用】____________ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。
・・・【中略】・・・
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
単にスマホ・パソコンなんてscreemメディアだけでなく、「携帯電話、モバイル機器、音声入出力機器」プリンター、そしてなによりも検索エンジンに対応できるから、
わざわざHTMLでウェブページを作るのです。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
>スマホでパソコン用のページを開いた時に上部にリンクを付けるのはどうしたらいいのでしょうか。
それ自体は、mediaqueryでウィンドウ幅でスタイルシートを変更すればよいです。
恒久、あるいは標準スタイルシートのmedia:screenスタイルシートで
header p.goSP{display:none;}
とでもしておいて
@media only screen and (min-device-width: 760px){
section p.goSP{display:block;}
です。
基本的にmedia別スタイルシートと同じです。
⇒14.2.4 出力メディア型( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
ただ、それはターゲットをスマホだけに限定したページがある場合に限ります。
本来はmediaqueryは、パソコン用にデザインされているページをスマホ用のデザインに変えるときのためです。
この回答へのお礼
お礼日時:2014/03/26 15:45
早速の回答、ありがとうございました!
大変勉強になりました。
mediaquery は、初めて体験しました。とても便利なものなんですね。
私の思っていた通りのページが作成できました!
本当にありがとうございました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- ホームページ作成・プログラミング ログインしないとみることができないWebページの作成方法 3 2023/07/29 13:33
- Word(ワード) PCで作ったwordをスマホで編集しようとすると「このファイルは読み取り専用です。」と表示される。 3 2023/05/30 14:51
- Android(アンドロイド) スマホへのYouTube関連のリンクが付いたメールをやめたい 1 2022/12/01 21:08
- Google Maps Googleマップ 複数端末で同一アカウントを使っているのにパソコンでのみ表示が異なる 1 2022/07/16 21:03
- その他(クラウドサービス・オンラインストレージ) Windowsクラウドサービス「OneDrive」の不具合 3 2022/06/17 20:04
- iPhone(アイフォーン) スマホでページを保存する 3 2022/09/10 08:43
- Android(アンドロイド) スマホ chromeの戻るボタンが機能しにくい スマホ(OPPO reno5A、Android12) 1 2022/09/11 20:39
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- その他(IT・Webサービス) 文字起こしについて教えて下さい 2 2022/11/26 23:05
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
コーディング代行について
-
レスポンシブwebデザインをIEに...
-
スマートフォン用のサイト作成...
-
スマホでwebサイト見た時の表示...
-
スマホ横幅が720px だけ 横が...
-
レスポンシブに出来るデザイン...
-
自動で携帯サイズに変換するには?
-
バリアフリーなサイトで、フレ...
-
デザイナーの方にWEBデザインを...
-
.htaccessでスマートフォンを振...
-
ActiveBasic コンピュータの個...
-
WEB関連の専門学校について
-
WEB会社に勤めている方に質...
-
インラインフレームについて
-
WEBデザイナーのフォトショ中級本
-
PC用サイトと携帯用サイトの運...
-
画面は固定と可変のどちらがい...
-
iphone/android WEB制作について
-
HTMLで、横幅を小さくしても文...
-
サイトの模写と今後のお勉強に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
平均的なウィンドウサイズとは?
-
カラム落ちの何が悪いのか
-
ガラケーサイトの一般的な画面...
-
リンクの下線は消すのが普通?
-
HPビルダーのフレームページ...
-
携帯電話(ガラケー)でのデザ...
-
スマホ横幅が720px だけ 横が...
-
レスポンシブデザインとは? ...
-
ホームページ制作、SPサイトの...
-
パソコンと携帯で文字のサイズ...
-
エラーが出ます
-
PC・ガラケー・スマホの振り分け
-
レスポンシブwebデザインでのIE...
-
スマホだけメニューが開く設定...
-
wordなどのファイルを開くタグ
-
これから勉強をするWEBクリエイ...
-
Webサイトを作成する前のイメー...
-
趣味でhtmlを勉強するのに適し...
おすすめ情報