Question

<div class="main-header" style="background: #484747">
<div class="container">
    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12 logo-holder">
            <div class="logo">
                <a href="index.php">
                    <img src="img/logo.png" alt="elevensixnine clothing"/>
                </a>
            </div>      
        </div>

我想将图像调整为徽标标题，因为每当我打开它时它都非常大。请帮助我集中精力，并在手机或小型设备中做出响应

Answer 1

你可以试试这样的事情

<div class="col-xs-12 col-sm-12 col-md-4 logo-holder">
     <div class="logo">
         <a href="index.php">
             <img src="images/logo.png" alt="elevensixnine clothing" class="img-responsive"/>
         </a>
     </div>      
 </div>

Answer 2

有点不清楚你想要什么。如果要减小页面中图像的大小。您应该考虑减少实际图像大小，以减少下载到客户端的数据量。您可以使用CSS

在图像上调整此大小

对于你html我会添加一个css类：

<img class="logo-image" src="img/logo.png" alt="elevensixnine clothing"/>

然后在我的css中定义这个类：

e.g。

.logo-image {
    margin-top: -10px;
    margin-left: -20px;
    max-width: 100px;
}

Answer 3

＆＃13;

<div class="main-header" style="background: #484747">
<div class="container">
    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12 logo-holder">
            <div class="logo">
                <a href="index.php">
                    <img src="img/logo.png" alt="elevensixnine clothing"/>
                </a>
            </div>      
        </div>

＆＃13;

.logo
{
width:80px;
height:80px;
margin:0 auto;
text-align:center;
}

＆＃13;

<div class="main-header" style="background: #484747">
<div class="container">
    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12 logo-holder">
            <div class="logo">
                <a href="index.php">
                    <img src="img/logo.png" alt="elevensixnine clothing"/>
                </a>
            </div>      
        </div>

＆＃13;

Answer 4

如果您使用bootstrap，则可以在div徽标中添加文本中心

<div class="main-header" style="background: #484747">
<div class="container">
    <div class="row">

        <div class="col-xs-12 col-sm-12 col-md-12 logo-holder" style="background: red">
            <div class="logo text-center">
                <a href="index.php">
                    <img src="img/logo.png" alt="elevensixnine clothing"/>
                </a>
            </div>      
        </div>

如何调整标题中的徽标？

4 个答案: