1

Photoshop で Web ページ (1440px x 900px) を作成し、それを Expression Web 4 にエクスポートしました。表と画像は「自動作成」を選択しました。CSS を「自動作成」するオプションもあります。さまざまな画面サイズに配置されるキオスク Web ページです。(Chrome.exe --kiosk を使用) 新しいキオスクが展開されるたびにフォトショップ ページを編集したくないので、テーブルのサイズとその中のすべての画像を自動的に変更する方法を見つけようとしています。ブラウザ ウィンドウのサイズに合わせます。この表は、上から下、左から右、すべてを 0 (ゼロ) にすることを目的としています...以下を参照してください。

leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

モニターの解像度に関係なく画面全体を埋めるWebページを作成し、それに応じてテーブル内のすべての画像のサイズを変更し、すべてがうまくいかないようにする方法についてのアイデアはありますか?

jsfiddle http://jsfiddle.net/3eYb8/へのリンクは次のとおりです。

ここにフォトショップのCSS出力がありますhttp://jsfiddle.net/BbXgd/1/

4

1 に答える 1

0

まず、css スタイルシートを作成する必要があります。classer / ID ごとにスタイルを div に割り当てます。

画面に合わせて CSS コードにパーセンテージを含めることができます。

さまざまな縦横比の滑らかなディスプレイを作成するには、@media screens を使用して各解像度を定義する必要があります

液体スクリーンの詳細はこちらです。

http://coding.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

http://green-beast.com/blog/?p=199

于 2012-09-05T07:36:59.047 に答える