レスポンシブデザインで移動する必要がある2つの要素（メニュー項目）を持つ次のジレンマがあります（今のところ、2つのバリエーションのみです。たとえば、幅が750pxを超える場合と幅が750px未満の場合）。
バリエーションごとに1つずつ、2つの別々のhtmlブロックを用意し、デバイスのサイズに応じてそれらを非表示/表示する必要がありますか？
または、位置で再生するhtmlブロックとcssスタイルを1つだけ持つ必要がありますか？この最後のオプションは、私が計画している設計ではやや複雑なので、本当の問題は次のようになるかもしれません。2つの異なるhtmlブロックを持つのは残念ですか？このページにはjavascriptとajaxの相互作用がありますが、どの程度かはわかりません。前もって感謝します。
レスポンシブデザインのために私が心に留めておくいくつかの経験則：
それらに基づいて、2つの別々のHTMLブロックを使用しないでください。
それが「悪い」かどうかを述べることは主観的であり、あなたの目標が何であるかに関連しています。アクセシビリティの観点からは、同じマークアップを2回表示して、どちらか一方を非表示にすることは理想的ではありませんが、デザインの詳細を詳しく知らなければ、そうすべきかどうかを確実に述べることは困難です。特定の方法で行いました。一般的に、マークアップはレイアウトやデザインを念頭に置いて構造化されるべきではないので、それほど難しいことではないと思います。
デザインをどのように変えているかによると思います。デザインの幅、高さ、画像などが異なる場合は、複数のHTMLを使用すると、プログラミングの標準的なルールの1つに違反することになります。
http://en.wikipedia.org/wiki/Don%27t_repeat_yourself
ただし、デザインの違いが構造的なものである場合は、CSSを介して強制しようとするのではなく、HTMLを変えることで問題ありません。
ところで、可能であればCSSを介してそれを行うことの利点の1つは、上司が（必然的に）やって来て、1024px以上のデバイス用に特別に設計された3番目のバージョンを要求することです。CSSルートを選択した場合は、別のサイズのセットを追加するのに数分の作業が必要になります。HTMLルートを使用すると、すべてをさらに複雑にすることに固執することになります。
私の意見によると、2つのhtmlブロックを使用するのは良い考えではありません...どちらを非表示にし、どちらを表示するかを決定する際に混乱を招く可能性があります...しかし、デザインと目的を知らなければ、決定できません。 。しかし、一般的に、2つ以上のhtmlブロックを避けるようにしてください。