webpage - Webページセグメンテーションの実装

Question

Webページのセグメンテーション（任意のタイプ-ビジョンベース/レイアウトベース/再現ベース）をどのように実装できますか？
実装された例や便利なリンクはありますか？

前もって感謝します..

Answer 1

簡単な方法はメディアクエリかもしれません:

<div class="content"></div>

次に、css で標準スタイルを設定し、画面が小さい場合はそれをオーバーライドします。これはモバイルだけでなく、ブラウザのサイズを変更すると有効になりますが、小さな画面のすべてのディスプレイで動作します。

.content{width:400px;}
@media screen and (max-width: 400px){
    .content {width:200px;}
}

もちろん他の方法もありますが、基本的な実装では、これで必要なことができます。