psd html切片错误

-1

我是初学者级别的前端开发人员，我需要帮助在psd到html当我切片图像的大小是1920px和在html中，div大小是100％，但图像将离开浏览器。我的错误有什么好心的帮助我，我应该做些什么才能让它变得更好我想学习PSD到html。也指导我如何在Adobe Photoshop中使用切片工具？psd 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

仍然没有改变 – umair

更新我的回答..try这个.. –

谢谢:)可以请你指导我的原因是什么？ :) – umair

psd html切片错误

回答

相关问题