我如何刪除填充和放大移動視圖中的圖像

在my blog，我試圖減少我的藍色框內填充和放大我的圖像，並刪除我的移動視圖懸停。到目前爲止，我的代碼不會改變它。我只是想讓它對觸摸設備更敏感我如何刪除填充和放大移動視圖中的圖像

@media only screen and (max-width:800px) { 
    #header, #pageWrapper, #footer { 
     padding: 30px 20px; 
     margin-bottom: 0px !important; 
    } 
    h1.logo { 
     text-align: center; 
     padding-bottom: 10px 
    } 
    .slide img { 
     opacity: 1 
    } 
    .sqs-active-slide img { 
     opacity:1 
    } 
    .collection-type-gallery #slideshowWrapper .slide img { 
     background-color: white !important; 
     margin: 2px 0; 
    } 
    img { 
     max-width: 200px; 
    } 
    .hentry { 
     background: #F8F9FC; 
     padding: 10px; 
     border-style: solid; 
     border-color: #E2E7F5; 
     border-width: 2px 
    } 
    .collection-51ca14b1e4b014f2c6e0c3e7 .slide img { 
     opacity:1.0; 
    } 
}

來源

2013-08-20 Jeff Dowell

你是如何編輯我的問題的？ –

@aaronburrows？ –

藍線出去的背景/框，我怎麼能使它停止與框的邊緣 –

對於圖像，您需要使用!important聲明來覆蓋HTML中的正常特異性樣式。例如，如果你想設置新的寬度爲400px：

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { 
    width: 400px !important; 
    height: auto !important; 
}

來源

2013-08-20 20:56:50 jjj

我在328中添加了這個，現在它偏離了中心，並且重疊了下一篇文章。 –

此外，它不適用於具有多個圖片的帖子。 –

您必須在'.margin-wrapper' div（重疊）上設置'float：left;'。 – jjj

我可以告訴你馬上蝙蝠，你的最大寬度可能太高。如果您定位的是智能手機，則應該最多爲640像素。

來源

2013-08-20 19:27:45 beautifulcoder

我如何刪除填充和放大移動視圖中的圖像

回答

相關問題