ホームページ > ウェブフロントエンド > htmlチュートリアル > 完成した PC ウェブサイトを、タブレットや携帯電話などのさまざまな解像度に適応できるようにすばやく変換するにはどうすればよいでしょうか? _html/css_WEB-ITnose

完成した PC ウェブサイトを、タブレットや携帯電話などのさまざまな解像度に適応できるようにすばやく変換するにはどうすればよいでしょうか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:56:16
オリジナル
1109 人が閲覧しました

タイトルと同じですか?モバイルデバイス専用のWebページを作成する以外に方法はありますか?


ディスカッションに返信(解決策)

元の CSS 構造を見てください

ただし、デスクトップ ブラウザの解像度向けに設計されたページのほとんどは、実際には携帯電話への直接変換には適していません。パッド (サイズはほぼ)

たとえば、現在のフォーラム ページのレイアウトとコンテンツは変更されず、CSS が変更されるだけで、おそらく改善されません

これで、応答性は適切になります。原因は、コンテンツを減らすためか、そもそもコンテンツが非常に少ないかのどちらかだと思います

2 つの解決策: アダプティブ レイアウト VS レスポンシブ レイアウト
アダプティブ レイアウトを使用することをお勧めします。 。 。 。
アダプティブ レイアウトには、実装が安価でテストが容易であるという独自の利点があり、多くの場合、より実用的なソリューションになります。アダプティブ レイアウトは、リソースが限られている場合に使用できる、レスポンシブ レイアウトの「貧しい兄弟」とみなすことができます。これは、コードを完全に書き直すことが不可能な既存の Web サイトを改善する場合に特に役立ちます。この場合、アダプティブ レイアウトの採用が良い出発点になります

paip. アダプティブ Web デザインとレスポンシブ デザインの違い、原則、実践の概要 - attilax のコラム - ブログ チャンネル - CSDN.NET.htm
http://blog.csdn .net/attilax/article/details/24854037

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート