Question

我是初学级前端开发人员，当我切片时，我需要帮助psd到html 其大小为1920px的图像，在html中，div大小为100％，但图像不在浏览器中。什么是我的错误，请帮助我，我应该做些什么来使它好，我想学习PSD到HTML。还指导我如何在adobe Photoshop中使用切片工具？

＆＃13;

html, body { margin: 0px; padding: 0px; border: 0px; }

#wrap{
        width: 1920px;
        background-color: #e7e7e7;
}
.menu{

        width: 100%;
        background-color: #202628;
}

.slider{
    width: 100%;
    
}

＆＃13;

<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>

＆＃13;

Answer 1

您应该为图片标记添加css，并删除#wrap的修复宽度并应用max-width。

试试这个：

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

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

psd到html切片错误

1 个答案: