2017-12-06 6 views
0

私はhtml5とcss3の学習を始めています。最近、Photoshopで自分のデザインをhtmlに変換してCSSで修正しようとしました。psd to htmlディメンション

全画面で次元を除いてすべてがうまくいった。私のpsdファイルのサイズは1020px x 1834pxです。私は私の27" 画面にフルスクリーンの上に置くとき、今ではpsd design

htm/css design

エッジ間のスペースの多くは、異なる画面または監視のための任意の特定のコマンドがありました。私は
<meta name="viewport" content="width=device-width, initial-scale=1">をも使用しています とPSD の寸法にCSSで私の体の上に任意のアイデアをパット?

+1

何が起こるはずですか?コードはどのように見えますか?何が間違っているかを確認することはできませんので、画像のみの質問はご遠慮ください。 – Roberrrt

+0

私は最初の投稿にコードを書く方法はありますか? –

答えて

0

をあなたは少しあなたのPSDファイルでデザインを変更する必要があります。あなたのデザインがあるので、多くのウェブサイトを定期的にコンテナが。1440個のピクセルの幅を有し、わずか1020ピクセル幅ですHTMLに変換されます。 PSDのデザインを見て、元のPSDの幅を1640ピクセル以上にして、両サイドに100ピクセルの間隔を空けておくことをおすすめします。

+0

申し訳ありませんが間違っていますが、イメージをオーバーストレッチしたり、より高い比率で作ったりしてみましょう。どのように私は幅の中に入れているように見えるので、mを画面の端にフィットさせることができます:cssでは、本体の境界(1020px)に残ります。私は体を大きくしようとしましたが、うまくいきませんでした。あなたにコードを送る方法はありますか? –

+0

こちらのCSSコードは –

+0

から空からダウンロードしてください。ここにHTMLとCSSのDropboxリンクがあります。https://www.dropbox.com/sh/ic8nhfybbrelrvk/AAARO0uye_2NlsMUUZTiMLhja?dl=0 –