2014-01-28 49 views
0

因此訪問網站時做出格變化的位置,我有兩個div一個是一個左側,包含垂直菜單,另一種是在右邊。有誰知道當有人使用手機訪問網站時,我可以如何將左邊的一個放在頂部並將其設置爲水平菜單? 這是我對那些兩個div CSS,利維留下一個desni是正確的。謝謝!如何通過電話

#levi{ 
    width:25%; 
    height:100%; 
    background-color:#f4654e; 
    position:fixed; 
    max-width:90%; 
    } 

    #desni{ 
    position:absolute; 
    left:25%; 
    overflow: auto; 
    width:75%; 
    left:value; 
    float:left; 
    height:100%; 
    } 
+5

使用CSS媒體查詢 - @media所有和(最大寬度:760px){ ...你的小屏幕的CSS ...} – mdesdev

+0

謝謝,我現在就試試。 – user3173457

+0

不客氣,順便說一句你是,我看到你在使用'levi','desni'哪裏;) – mdesdev

回答

1

像mdesdev上述評論,你要尋找的是「媒體查詢」

@media (max-width:768px) { 
    Mobile specific CSS goes here... 
} 

或者,如果你有一個單獨的樣式表爲您的移動特定的CSS,那麼你就可以鏈接到它像這樣:

<link rel="stylesheet" media="(max-width: 768px)" href="mobile_specific.css" /> 

請參閱此鏈接瞭解如何使用它們的更多信息:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

而且此鏈接的特定屏幕寬度的詳細信息(有點過時,但仍然有用):

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

+0

+1的努力和不錯的答案;) – mdesdev

+0

@mdesdev謝謝!首先要提到它,請相信你! –

+0

感謝您的回答,太:) – user3173457