モバイル、ＰＣ画面切替方法

  • kimura0118

    (@kimura0118)


    10年、 8ヶ月前

    こんにちは、いつもお世話になっております。

    twentytwelveテーマは
    スマホ用（600以下？）、pc用（960以上？）で表示が別れますが、
    スマホ用で表示された際に、ヘッダーにpc用に切り替えるリンクを表示することって可能でしょうか？
    （yahooとかでフッターに表示されているやつ）

    また、ＩＥで互換教示をＯＮにしているとie.cssが使われますが
    これを廃止してstyle.cssだけ使用する設定は可能でしょうか？

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • nobita

    (@nobita)

    10年、 8ヶ月前

    こんにちは

    やったことはないですけでど、たぶんできると思いますよ

    jQueryなどで、PCのリンクをクリックしたら　pc-viewとか適当なクラスをbodyに追加するスクリプトを書いておいて、あとはスタイルシートのほうのメディアクエリのルールセットで、

    body:not(.pc-view) .author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}

    http://zero.css-happylife.com/selectors/not.shtml

    否定擬似クラスを使って書き換えるとかで可能な気がします

    あと、

    <meta name="viewport" content="width=device-width" />

    jQueryなどで削除する必要があると思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「モバイル、ＰＣ画面切替方法」には新たに返信することはできません。