画面解像度に応じてウェブページを適切に拡大する方法は？

-2

私はウェブページのpsdを持っており、それは1920x1080解像度で設計されています。画面解像度に応じてウェブページを適切に拡大する方法は？

標準的なラップトップとデスクトップの解像度は1366x768です。私はすでに今、私は私が1920×1080のスタイルを書いていますし、一致する要素がPSDに従って間隔として表示しているとき場合のような要素の大きさをアップ/ダウンスケールすることができますどのようにSkelton CSS

を使用して1366の解像度でHTMLにPSDを変換

1366の解像度はpsdと全く同じに見えるはずです。

RetinaJSのように、画像を画面サイズに応じて簡単に拡大/縮小することができます。

ビューを簡単に変更できるフレームワークや方法はありますか？

ありがとうございました

出典

2017-09-19 Roshan Kumar

[Responsive web design]（https://en.wikipedia.org/wiki/Responsive_web_design）を検索している可能性があります。 –

私は敏感なウェブデザインが何であるか知っています。私はすべてのデスクトップ解像度で全く同じ外観を望んでいます。または画面に応じて比例して増減する同じスペースを言うことができます。 –

これは、メディアクエリと基本的な応答性のあるコーディング手法で実現できます。 – WizardCoder

目的を達成するためのさまざまなテクニックがあります。 @Jose Mと@WizardCoderで述べたように、CSSのメディアクエリを使うこともできますし、ブートストラップフレームワークを使って画面サイズに合わせて画像を拡大することもできます。ブートストラップの "img-responsive"クラスはあなたのイメージを正当化します。どの画面でも画像を縮小します。

出典

2017-09-19 17:22:48

hmm！私は多くのメディアクエリを使用する必要があります...しかし、私はそれが最小限のユーザーインターフェイスプロジェクトのでブートストラップを使用していないので、私はスケルトンのCSSを選択する理由基本的なrwd thatsをしたい。 –

画面解像度に応じてウェブページを適切に拡大する方法は？

答えて

関連する問題