2015-05-09 126 views
1

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

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

謝謝!

+0

粘貼一些代碼。 –

+0

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

+0

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

回答

3

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

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

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

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

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

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

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

希望這會有所幫助。

+0

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

+0

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

+0

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

0

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

+0

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

+0

她問如何包括媒體quieres:我知道我需要包括媒體查詢不知何故,但不知道如何,任何人都可以幫助我? vimes1984

+0

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