圖像在設備上不縮放

說我的電腦上動畫和交互式，網頁設計，印刷設計和插圖看起來不錯的圖像，但當我在我的iPad上看我的網站時，它們不能正確縮放。

這裏是CSS：

#content { 
    position: relative; 
    color: #333; 
    width:100%; 
    min-width: 900px; 
    border:none; 
    background: none; 
    overflow:auto; 
    padding-right:32px; 
    padding-left:32px; 
    padding-bottom: 86px; 
} 
#slideshow { 
    position:relative; 
    height:462px; 
    z-index:-1; 
} 
#slideshow IMG { 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:8; 
} 
#slideshow IMG.active { 
    z-index:10; 
} 
#slideshow IMG.last-active { 
    z-index:9; 
} 
#rightholder { 
    float: right; 
    clear: left; 
    max-width: 639px; 
    width: 60%; 
    padding-top: 90px; 
    z-index:11; 
} 
.right { 
    float:right; 
    margin-bottom:20px; 
    max-width: 50%; 
    z-index:13; 
} 
.left{ 
    float:left; 
    margin-bottom:20px; 
    max-width: 50%; 
    z-index:12; 
}

來源

2012-07-31 LaurenWomack

你是什麼意思，他們不在iPad上擴展？他們沒有css來讓他們擴大規模。 – Luca 2012-07-31 09:18:43

他們都是固定尺寸的圖像，所以他們不會。你想在CSS中設置尺寸。 – SpaceBeers 2012-07-31 09:19:39

我在html中定義了尺寸，我會嘗試在CSS中進行。謝謝這裏的HTML： – LaurenWomack 2012-07-31 09:22:00

我不知道你想實現什麼，但我相信調整當你的問題主要來自你的一些min-width和max-width性質約束頁面。

如果您使用靈活的單位，您應該儘量讓佈局儘可能流暢。我猜你正在使用這些屬性來防止奇怪的行爲，因爲您應該使用media queries來使您的設計適應各種分辨率。

您還應該確保不要爲圖片設置固定尺寸（無論是在CSS還是HTML文檔中）。相反，使用img { max-width: 100%; }。

希望它有幫助。

來源

2012-07-31 12:30:53 morgi

圖像在設備上不縮放

回答

相關問題