響應式佈局 - 媒體查詢

當我調整屏幕大小時，由h1標記定義的橙色線條不會隨文本向下移動，而且我的橙色框也會浮動到右側合併後面的文本。響應式佈局 - 媒體查詢

我知道我需要包含媒體查詢莫名其妙但不知道如何，任何人都可以幫助我嗎？

謝謝！

粘貼一些代碼。 –

你究竟想要什麼？這句話「南利茲另類貿易企業」想要向下移動 – vel

因爲你的風格#Timings {margin-top：-265px;}和div沒有正確創建，所以很難爲你的網站編寫響應。 – vel

好吧，首先，我不認爲我曾見過任何人在單個頁面上使用盡可能多的標記<br>，因爲您有哈哈。

您的問題的答案是簡單地使用<hr>標記（水平線），無論你想要一條線。

例如，在關閉時間的div標記後添加<hr>標記。默認情況下，<hr>標籤樣式黑色，所以我們需要一些簡單的造型添加到您的stylesheet.css中

hr { 
    border-top: 1px solid #bd6e22; 
}

如果你想上面加間距，低於或甚至兩者再加入這造型。

hr { 
    border-top: 1px solid #bd6e22; 
    margin: 20px 0; 
}

我已經把20px的例子，但你可以改變，以任何你想要的。

希望這會有所幫助。

2015-05-09 13:01:06 Jordan

是的，如果你想添加空間上方，下方或甚至兩個，那麼你可以添加保證金。我會更新我的答案^ – Jordan

給他們寬度的使用％，他們將適應的方式，然後使用meda查詢將它們設置爲100％，當你達到一定的屏幕寬度 – vimes1984

@ vimes1984時，聽起來容易說完成，她是一個學習者。 Emma Britnor，你現在組織div的方式並不太好，說實話。這很容易做，但我不得不寫一堆代碼，如果我把它放在評論中，它會顯得雜亂無章。 – Jordan

好的，你需要在ftp客戶端打開http://me14evb.leedsnewmedia.net/slate/stylesheet.css。然後https://css-tricks.com/snippets/css/media-queries-for-standard-devices/爲每個分頁符大小使用@media quieres並根據每個設備調整樣式：D 祝你好運！ Chris

2015-05-09 13:02:12 vimes1984

這不會解決問題。這只是調整'
'（分頁符）大小。 – Julian

她問如何包括媒體quieres：我知道我需要包括媒體查詢不知何故，但不知道如何，任何人都可以幫助我？ – vimes1984

該網頁沒有以最輕微的方式進行編碼，但嘿嘿......她不應該使用浮動，但柔性盒。她不應該在class =「line」裏面使用任何標籤，它根本就不需要......我已經開始用css框架來完成繁重的工作，但是人們需要按照自己的步調進行：D – vimes1984

回答