保持网站的响应能力

Question

之前，我们的页面看起来像 this

经过一些修改后，我们现在的页面看起来像 this

为了去除页面中的空白区域，我们进行了如下编码。

我们正在使用此代码，但使用以下代码后网站的响应速度消失了。

请指导我需要更改哪些代码以保持响应能力。

.block.block-list.block-check-delivery{ 
   position : relative; 
   bottom:85px !important;
}
.p{ 
   float:none  !important;
}
.usually{
   position:relative; 
   bottom:90px !important;
}
.dinfo{
   position:relative;
   bottom:90px;
   right:50px !important;
}
.catalog-product-view .add-to-cart-wrapper{ 
   height: 60px;
   width:45%;
   float:right !important;
}
.sampleclass{
   background: rgba(0, 0, 0, 0) url("../images/product_view_line.png") no-repeat scroll;
   display: block !important; 
}    
.text-move{
    position:relative; 
    bottom:21px; 
    font-weight:bold;
}

.font-move{
    font-weight:bold;
    position:relative;
    bottom:2px;
}
.color-name{
    font-weight:bold;
    position:relative;
    top:2px;
}

.text5{     
    position:relative;
    left:10px;
}

Answer 1

在您的css中添加以下样式并尝试

@media screen and (max-width: 960px) {
    #aitcg_image_container13,
    #raphBot_13,
    #printable-area-image,
    #raphTop_13
    { 
        max-width:100% !important;
    }

    #aitcg_image_container13{ 
        margin-left:0 !important;
    }
}

保持网站的响应能力

Maintain the Responsiveness of the Site

html

css