ブートストラップ：XS画面用に異なるコンテンツ

-1

PHP/MYSQL Webサイトを開発中です。ほとんどのページでは、ブートストラップを使用したレスポンシブデザインは問題ありません。しかし、いくつかのページでは、のxs画面サイズの列を並べ替える必要があるだけでなく、部門の内容も変更されます。以下は、xsバージョンの場合とはかなり異なるページの例です。私が何をしたかブートストラップ：XS画面用に異なるコンテンツ

単純です：私は、小さな画面上のレイアウトを示すために、大画面上のレイアウトを隠すためにhidden-xsを使用してvisible-xs。だから、私はページに負荷がかかるのは2倍のリソースが必要だと思います。

いくつかのページにしか関係しないときに、さまざまな画面サイズの異なるスタイルとコンテンツのこの問題に対処する方法がより最適化されていますか？（すべてのページが非常に異なる場合は、サブドメイン上にモバイル版を作成するのが最善の解決策と思われます）。

出典

2016-05-20 michltm

ブートストラップ自体が最初にモバイルと呼ばれます。あなたは他の方法を考えるときに何が起こるのですか？最初にモバイル用に作成し、大きな画面に必要な値を部品に与えます。 – Flummox

私の質問を投票した人がなぜ彼がそうしたのかを説明することができるので、私はそれをもっと明確にすることができますか？ – michltm

私は個人的にはそれを使用する機会がありませんが、私は方法に精通しています。さまざまな画面サイズのスタイルシートを作成できます。

<head> 
     <link rel='stylesheet' media='screen and (min-width: 1px) and (max-width: 257px)' href='your-css.css'/> 
</head>

出典

2016-05-20 10:16:55

はいこの手法を使用しています。しかし、場合によってはスタイルだけでなく、いくつかの部門も変化します。だからdivを隠して新しいものを見えるようにするのは簡単なのです。私が確信していないのは、すべての部門がそのケースにロードされているか、目に見えるものだけである、つまりページが2倍重いかです。 – michltm

ブートストラップ：XS画面用に異なるコンテンツ

答えて

関連する問題