2
我正在致力於響應一個網站和鉻例如所有工作正常。我使用設備模式來模擬網站的響應版本。但是,當我使用Internet Explorer時,一切都會變得更大,並且圖片會像伸展它們時那樣出現像素化。爲什麼Internet Explorer手機會放大元素?
我試過使用雙三次css屬性的東西,但沒有骰子。縮放選項也是100%(聽到其他人放大了他們的視頻)。
這是罪魁禍首項目的代碼是如何將看起來像
HTML
<div id="category-contents">
<div class="cell-wrapper">
<div class="cell-wrapper-inside">
<a href="http://www.theperfecturn.com/small-cross-cremation-jewelry-c-481.html" class="image product-thumb-image" style="background: url('images/categories/sm/481.smallcrosscremat_sm.jpg') 2px 2px no-repeat;"><img src="http://cdn.perfectmemorials.com/categories_layout/photo-frame.png" alt="Small Cross Cremation Jewelry" title=" Small Cross Cremation Jewelry " width="124" height="124"> </a>
<a href="http://www.theperfecturn.com/small-cross-cremation-jewelry-c-481.html" class="title">Small Cross Cremation Jewelry</a>
<div class="button-wrapper"><a href="http://www.theperfecturn.com/small-cross-cremation-jewelry-c-481.html"><img src="http://cdn.perfectmemorials.com/categories_layout/button-category.gif" class="category" alt="View Small Cross Cremation Jewelry Category"></a></div>
</div>
</div>
</div>
CSS
#category-contents{
overflow: hidden;
}
#category-contents .cell-wrapper,
#results-products .cell-wrapper{
box-sizing: border-box;
width: 50%;
height: auto;
}
#category-contents .cell-wrapper .title{
height: 65px;
}
#results-products .cell-wrapper .title{
}
#category-contents .cell-wrapper .cell-wrapper-inside,
#results-products .cell-wrapper .cell-wrapper-inside{
height: auto;
width: auto;
}
#category-contents .cell-wrapper .button-wrapper,
#results-products .cell-wrapper .button-wrapper{
position: static;
width: auto;
}
.cell-wrapper .button-wrapper .product{
float: none !important;
}
.cell-wrapper .button-wrapper .volume{
float: none !important;
margin-bottom: -5px;
}
http://puu.sh/hKEHh/3ceb0a9168.jpg < - 它的外觀上鍍鉻 http://puu.sh/hKEP6/3f8f2aad40.jpg < - 它的外觀上即