不同的CSS主頁和其他網頁opencart

我正在使用媒體查詢我們的網站的移動版本，但我面臨一些與CSS奇怪的問題。不同的CSS主頁和其他網頁opencart

我做了網頁的移動設備（< 480像素）的充分響應，它看起來對我好：

現在我工作的第二頁上（tuinontwerp）此頁面使用相同的塊作爲主頁，但CSS是不同的：

正如你所看到的，棕色塊寬，但CSS是一樣的。即使在Chrome開發工具檢查器中，也完全一樣。

這裏是我的塊CSS：

#diensten-row { 
    width: auto; 
    min-width: 100%; 
    padding: 0; 
    margin: 30px auto 0 auto; 
    height: 120px; 
} 

#diensten-row a{ 
    width: auto; 
    max-width: 100%; 
} 

#diensten { 
    background-color: #996633; 
    color: #fff; 
    line-height: 8px; 
    float: left; 
    margin: 0 auto 30px auto; 
    padding: 0; 
    min-width: 100%; 
    height: 100px; 
    text-align: center; 
    border: 1px solid #fff; 
}

HTML：（還在尋找包含的div文件）

謝謝:)

來源

2015-11-02 Kees Sonnema

你還可以發佈HTML嗎？因爲我看到你只在你的CSS中使用了ID，所以你已經展示過了，我想這可能與使用ID不止一次有關。但是，因爲我無法檢查你的HTML只是一個猜測:) – Kevinvhengst

我已經添加了html，但我不知道在哪裏可以找到，我從Chrome的頁面源中複製它。 –

@superDiglett忘記標記你:) –

由於#diensten-row，#diensten寬度和#diensten-row a是100％，我預測tuinontwerp頁面的容器寬度略小於第一頁。

另外一個提示：不要多次使用ID's。我看到你多次使用ID #diensten。爲此使用一個類。僅當使用者僅使用一次時，才應使用ID。但即使如此，我仍然使用classes。

來源

2015-11-02 10:29:40 Kevinvhengst

問題是，這不是我的網站，我沒有編碼它，所以我很難在opencart中找到這些文件。據我所知，只有一個頁面，類容器。此容器在我的mobile.css中設置爲480px，在我的stylesheet中設置爲960px.css –

如您所見，徽標和購物車/菜單在480px範圍內，但類別（tuinontwerp，tuinaanleg和doe het zelf）不是。即使容器設置爲480px。我沒有看到可以改變這一點的事情。 –

你有這樣的活生生的例子嗎？然後我可以自己檢查它。這是該問題的唯一'邏輯'原因:) – Kevinvhengst

不同的CSS主頁和其他網頁opencart

回答

相關問題