CSS最小寬度在谷歌Chrome和Opera

我有問題，而谷歌Chrome和Opera例如最小寬度標籤，在Firefox工作pefectlyCSS最小寬度在谷歌Chrome和Opera

例如，我想表現出與內嵌式地顯示與圖像轉換成的cols與此我看到完美的Firefox，圖像顯示爲石工，它很好，但在谷歌鉻顯示不好，它的最小寬度的問題，我怎麼能修復谷歌瀏覽器等，謝謝你，至於

#frnt_item 
{ 
display:inline-block; 
position:relative; 
min-width:10%; 
max-height:350px; 
border:1px solid #EEE; 
vertical-align:text-top; 
margin-left:7px; 
margin-bottom:7px; 
-webkit-border-radius: 10px; 
-webkit-border-top-right-radius: 2px; 
-webkit-border-bottom-left-radius: 2px; 
-moz-border-radius: 10px; 
-moz-border-radius-topright: 2px; 
-moz-border-radius-bottomleft: 2px; 
border-radius: 10px; 
border-top-right-radius: 2px; 
border-bottom-left-radius: 2px; 
overflow:hidden; 
cursor:pointer; 
cursor:hand; 
} 




#frnt_item_content img 
{ 
width:100%; 
max-height:350px; 
}

你可以看到這裏的例子：

https://jsfiddle.net/rzfrjL1g/

SOLUTION：爲了修復這個問題只需要投入10％，而不是100％，並把最小寬度也和frnt_item_content IMG不寬

來源

2017-02-21 Carl

發佈您的標記，以便我們有[mcve]。 –

https://jsfiddle.net/rzfrjL1g/ – Carl

是什麼？ https://jsfiddle.net/rzfrjL1g/1/ –