形象似乎無法在移動設備上

我想在我的網站上居中圖像中心 - 和加載頁面在桌面計算機上時，它看上去很不錯，但它看起來像這樣形象似乎無法在移動設備上

手機瀏覽器 enter image description here

我用來居中圖像的CSS如下;

#logo 
{ 
    max-width: 60%; 
    min-width: 300px; 
    height: auto; 
    display: block; 
    margin-left: auto; 
    margin-right: auto 
} 


     <header> 
      <img src="images/500x245.png" id="logo"</img> 
      <h1>Welcome to AppCloud</h1> 
     </header>

任何人都可以提出一些替代方法，因爲我的方式似乎失敗了。感謝

來源

2014-10-01 Biscuit128

附加'文本對齊：中心;'到圖像父元素和刪除在顯示塊和頁邊距 – 2014-10-01 16:18:18

減小最小寬度，將工作完美 – 2014-10-01 16:21:32

確實如此，多麼尷尬！非常感謝你的幫助，如果你想提供一個答案，我可以接受它 – Biscuit128 2014-10-01 16:22:52

調低min-width它將工作完美

#logo{ 
    max-width: 60%; 
    min-width: 300px; /** <<--- changes to be done here **/ 
    height: auto; 
    display: block; 
    margin-left: auto; 
    margin-right: auto 
}

來源

2014-10-01 16:27:09

形象似乎無法在移動設備上

回答

相關問題