1

Web サイトを構築する必要がありますが、javascript を使用しないように具体的な指示があります。それに加えて、iPhone/モバイル デバイスで動作するものも作成する必要があります (JavaScript もありません)。PHP マジックを使用してデバイスのスタイル シート ベースを切り替えても問題ないので、同じ CSS ファイルである必要はありません。

私が知りたいのは、いずれかまたは両方のシナリオで推奨される CSS フレームワークは何ですか?

4

2 に答える 2

4

これを実現するには、メディア クエリを使用します。

https://developer.mozilla.org/en-US/docs/CSS/Media_queries

基本的な考え方は、モバイルからのデザイン、つまり「レスポンシブ」デザインです。より多くの洞察を得るには、それをグーグル検索する必要があります。

次に、次のような演算子を使用します

@media only screen and (max-width: 480px){
    #content{
        display:block;
    }
}

たとえば、ビューごとに特定の要素がどのように変化するかを定義します。基本的な検索で見つけることができるこのためのリソースがたくさんあるので、ここで詳細に概説する必要はありません.

次のように、特定のスタイル シートを追加することもできます。

<link rel="stylesheet" media="all and (max-width: 480px)" href="http://foo.bar.com/stylesheet.css" />

ビューごとにスタイル シートを分けたい場合。

幸運を。

具体的な質問がある場合は、お気軽にお問い合わせください。更新できます。

于 2013-01-19T02:16:31.637 に答える
0

Kai Qingが指摘したように、あなたが言及した基準を満たすために必要なのはメディア クエリだけです。

物事を簡単にするために CSS フレームワークを使用したい場合は、 JavaScript 部分なしで、 Bootstrap、Foundation、またはその他のフレームワークを使用できます。

Cascade Frameworkを使用してレスポンシブ デザインを実装する方法のデモを次に示します。デモでは JavaScript コードを使用せず、IE6 から IE8 のデスクトップ バージョンにフォールバックします (これらのブラウザーはメディア クエリをサポートしていないため)。

于 2016-01-14T03:06:28.427 に答える