引導旋轉木馬圖像未居中（其他圖像）的iPhone SE人像模式

這裏是網站：http://sdgsdgsdgsdg.atwebpages.com/引導旋轉木馬圖像未居中（其他圖像）的iPhone SE人像模式

廠根據需要在任何規模的桌面瀏覽器。如果處於橫向模式，則適用於移動設備。

但是，在我的iPhone SE上使用肖像模式時，第一個輪播圖像在Chrome中偏離中心位置。

下面是截圖：

我試過在轉盤中加入text-align:center風格爲僅特定圖像的股利和它沒有工作。

編輯：建議以前的答案應該解決它，我使用的是在我的css中添加的答案中的代碼：.carousel-inner> .item> img {0} {0} {0} }

它仍然沒有工作。

任何想法？

來源

2017-08-13 Kian

[引導旋轉木馬圖像的可能的複製沒有按'不正確對齊]（https://stackoverflow.com/questions/10591422/bootstrap-carousel-image-doesnt-align-p roperly）。請參閱@ atrepp的答案。 – Alexander

@Alexander沒有修復它。 – Kian

你用這種風格現在

.unity-logo > img { 
    width: auto; 
    height: 386px; 
    max-height: 386px; 
    margin: 0 auto; 
}

只是覆蓋在上面媒體查詢前的風格。

@media only screen and (max-width:479px){ 
    .unity-logo > img { 
     width:100%; 
     height:auto; 
    } 
}

它應該工作..

來源

2017-08-13 03:54:08 codingsoul

沒有解決它：https://kianrafiee.github.io/unity/ – Kian

請參閱編輯的答案。 – codingsoul

也適用於您的自定義樣式屬性下的所有媒體查詢，以便它們可以覆蓋上述樣式。 – codingsoul

這就是你需要：

@media(max-width:480px){ 
    .unity-logo > img{ 
    max-width: 100%; 
    height: auto; 
    } 
}

希望它能幫助:)

來源

2017-08-13 04:08:08

我瞭解第一個代碼片段。我只需要將父項添加到容器的圖像類中。但第二個片段？我是否需要將媒體更改爲其他內容？因爲我不希望所有圖像的寬度都是480像素。真的不知道這意味着什麼。 – Kian

沒有媒體查詢是爲了給屏幕寬度上的元素賦予不同的樣式。所以'@media（max-width：480px）'表示設備寬度是否低於480px，然後使用這些樣式。 –

我試着添加你的2個片段。沒有工作。由於我對此很陌生，我不確定是否需要父母。在它之前，如.parent，所以我也試過了。我也不知道我是否需要將媒體添加到img的課程中，所以稍後我也會這樣做。這是現在的CSS，但現在：https：// kianrafiee.github.io/unity/unity。由父母的css – Kian

引導旋轉木馬圖像未居中（其他圖像）的iPhone SE人像模式

回答

相關問題