psd to htmlスライスエラー

-1

私は初心者レベルのフロントエンドの開発者です。私はスライスするときにpsdからhtmlへの助けが必要です画像のサイズは1920pxで、HTMLではdivサイズは100％ですが、画像はブラウザから出ています。私の間違いは、PSDをhtmlにしたいと思っています。アドビフォトショップでスライスツールを使用する方法についても教えてください。psd to htmlスライスエラー

html, body { margin: 0px; padding: 0px; border: 0px; } 
 

 
#wrap{ 
 
     width: 1920px; 
 
     background-color: #e7e7e7; 
 
} 
 
.menu{ 
 

 
     width: 100%; 
 
     background-color: #202628; 
 
} 
 

 
.slider{ 
 
    width: 100%; 
 
    
 
}

<html> 
 
    <head> 
 
     <title>psd to html</title> 
 
     <meta charset="utf-8" content="text/html" http-equiv="content-type"> 
 
     <link href="css/index.css" type="text/css" rel="stylesheet"> 
 
     
 
    </head> 
 
    <body> 
 
     
 
     <div id="wrap"> 
 
      <header> 
 
       
 
       <ul class="menu"> 
 
        <li><a href="index.html">SiteName</a></li> 
 
        <li><a href="index.html">Home</a></li> 
 
        <li><a href="index.html">About</a></li> 
 
        <li><a href="index.html">Services</a></li> 
 
        <li><a href="index.html">Portfolio</a></li> 
 
        <li><a href="index.html">Contact</a></li> 
 
        
 
       </ul> 
 
       
 
       <div class="slider"> 
 
        <img src="images/banner.png" alt="banner"> 
 
       </div><!-- end slider--> 
 
       
 
      </header><!--end header--> 
 
     </div><!-- end wrap --> 
 
     
 
     
 
    </body> 
 
</html>

出典

2016-08-15 umair

あなたは、画像タグのCSSを追加しても、あなたの#wrapの修正幅を削除し、最大幅を適用する必要があります。

これを試してみてください：

#wrap{ 
    max-width:1920px; 
    width:100%; 
} 

.slider img{ 
    width: 100%; 
    max-width:100%;  
}

出典

2016-08-15 11:21:15

まだ変更はこの..try私の答えを更新しない – umair

.. –

感謝を:)あなたは理由が何であるか私を導いてくださいすることができますか？ :) – umair

psd to htmlスライスエラー

答えて

関連する問題