2013-04-28 51 views
-1

我想使用WordPress作爲CMS,不同崗位對每個項目等全寬度圖像,而不使用背景屬性

我想的圖像,以建立一個基本的投資組合,以填補屏幕寬度(流暢,所以會調整大小),但不使用後臺url屬性,因爲這是導致非常混亂的代碼和作物,我不想

簡單的類寬度100%圖像寬度100%適用於以下尺寸實際的圖像尺寸,但是當屏幕大於圖像時,它不會填充它。

有沒有辦法強制圖像大於其原始分辨率(我知道這將與質量螺絲)而不訴諸背景URL?

+0

''做正是你所描述什麼 - 在拉伸/縮小圖像時填充容器。或者你想*重複*圖像而不是*拉伸*它? – 2013-04-28 12:53:03

+0

對不起,我在這個問題上有點模糊。我希望圖片保留其比例(所以我使用width = 100%height = auto) – user2030778 2013-04-28 12:57:15

+0

您可以創建一個[fiddle](http://jsfiddle.net/)或發佈您的網站的URL問題可以看出來嗎? – 2013-04-28 13:03:21

回答

0

爲什麼你的圖片不按比例擴大的是在你的CSS以下規則的原因:

img, object, embed 
{ 
    max-width: 1140px; 
} 

或者:

  • 刪除該規則,或

  • 排除來自此規則的img選擇器或

  • 離開上述規則,因爲它是由包括只對那些需要按比例放大圖像的附加規則重新定義max-widthnone,如:

    .wrapper>p>img 
    { 
        max-width: none; 
    } 
    
+0

完美的,我想我已經抓住了每一個max寬實例,完全忽略了這個。現在感覺有點山雀,謝謝你的幫助! – user2030778 2013-04-28 13:41:23

+0

歡迎您:) – 2013-04-28 13:45:05