2012-04-16 20 views
0

大きな画面(キオスクのような)で使用するHTML要素の拡大縮小に関するいくつかのオプションを探しています。私は現在、CSS3のスケール()を使用して比較的クロスブラウザのスケール(csspleaseのおかげで)を取得していますが、他の誰かより良い提案があるかどうかを確認しています。HTML要素を拡大/縮小するのに最適な方法

主に、私は(400x200pxから例えば800x500に)大規模なレンダリングウィジェット(HTML、JS、画像など)で探しています。私はそれぞれのウィジェットを大規模に書き直すことができましたが、私は自分のオプションをチェックすると思っていました。

はSVGを行うことができるもの、またはキャンバスにありますか? CSS3 scale()は大丈夫ですが、イメージを高解像度のものに置き換える必要があります。テキストの間隔も少しずれているようです。

ありがとうございます!

答えて

1

CSS3トランスフォームは、特にブラウザのパフォーマンスのために、まだ私が欲しいもののために最良の選択肢です。

0

わからない右あなたを理解している場合、しかし、あなたは応答デザインのために行くことを試みることができる(任意の解像度で)任意の画面上で見栄えのするウェブサイト、画像、動画などを必要とする場合。あなたは、異なる画面解像度のためのウェブサイトを調整するために、CSSメディアクエリを使用するオプションがあり、それはまた、元の画像の品質を維持するなど



http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/

私は彼らに非常に助けを見つけました

+0

正しいトラック(メディアクエリは良いアイデアですが)では、レスポンシブデザインを使用するよりも少し複雑です。私は実際に200%の小さなものをスケールする必要があるので、1080pのledスクリーンで見ることができます。応答性の高いデザインでは、サイズではなくページ要素のレイアウトを調整することができます。しかし、良いリソースもありがとう! – crawf

0

これは大規模な改修でもよい));あなたはそれに得れば、あなたは簡単にスケーラブルなWebサイトを構築するだろうフルemを使用してエレメントのディメンションを定義し、メディアクエリを使用して異なるスクリーンサイズのベースフォントサイズを増やすことができます。したがって、基本フォントサイズが16pxの場合、メイン列は47em、サイドバー12em、およそ1000pxのサイト幅になります。その後、メディアのクエリを使用してより大きなブラウザを検出することができます。ベースのフォントサイズを20pxに増やすだけで、サイトのビオラが25%大きくなります。

+0

私はフォント間隔の問題を、emsまたはpercentage(ピクセルを使用して)に切り替えることで解決すると思います。 – crawf

関連する問題