私はサイトに取り組んでいます。Fit WordPress テーマに基づいています。
テーマはレスポンシブで、私が知る限り、彼らはすべてのメタタグなどを入れていますが、機能させることができません. 画像が伸びていて、メニューが表示されず、CSS を変更し続けていますが、役に立ちません。電話では見栄えが悪く、ウィンドウのサイズを変更しても状況が変化します(その他の問題)。
私はサイトに取り組んでいます。Fit WordPress テーマに基づいています。
テーマはレスポンシブで、私が知る限り、彼らはすべてのメタタグなどを入れていますが、機能させることができません. 画像が伸びていて、メニューが表示されず、CSS を変更し続けていますが、役に立ちません。電話では見栄えが悪く、ウィンドウのサイズを変更しても状況が変化します(その他の問題)。
あなたのテーマはレスポンシブです。すべての画面解像度、フォント サイズなどであなたのウェブサイトをチェックアウトしました。
ほとんどの場合、テーマはスタイルシートで@media クエリを使用してこの効果を実現しますが、他の方法もあります。
それがレスポンシブとフルイドの違いです。あなたは2つの考えを混同していると思います。レスポンシブ デザインは、画面の解像度に基づいて物事を切り替えます (サイドバーを下部に配置し、メニューを別の場所に配置するなど) ...
主な違いは、Fluid Layouts (Liquid Layouts とも呼ばれます) は Web サイトをプロポーショナルにレイアウトすることに基づいているため、要素が異なる画面サイズで同じ割合のスペースを占有するのに対し、レスポンシブ デザインは CSS メディア クエリを使用して画面サイズに基づいて異なるレイアウトを表示することです。 /画面の種類。両方の種類のデザインの例については、インスピレーション: Fluid & Responsive Designを参照してください。
Fluid の意図は、すべての要素に対して同じ空間重み付けを維持することであり、同じ種類のさまざまなサイズの画面で問題なく機能します。32 インチの高解像度モニターと 12 インチの低解像度のラップトップでは問題なく表示される傾向があります。それらは非常に簡単に実装できます。
レスポンシブ デザインの目的は、画面の種類に合わせて特別に調整されたさまざまなデバイス レイアウトを提供することです。たとえば、サイトのレイアウトは通常、スマートフォンでは 1 列に縮小されます。
詳しくは、Fixed vs. Fluid vs. Elastic Layout: What's The Right One For You ?をご覧ください。Fluid 設計の主な変更点について詳しく説明している Smashing Magazine によるものです。また、レスポンシブ Web デザインのガイドラインとチュートリアルもあり、レスポンシブの概要を説明しています (レスポンシブ デザインを深く掘り下げるためのリンクがたくさんあります)。
モバイルのおかげで、レスポンシブ デザインは現時点で非常に「イン」されています。
個人的な意見ですが、あなたのサイトはそのままで問題ないと思います。私はレスポンシブ レイアウトを好みます。