移動網站佈局問題

我在擺弄移動特定樣式表，其中使用媒體查詢，我使用名爲「styles_mobile.css」的工作表爲移動訪問者添加特定樣式。移動網站佈局問題

我希望有一種方法可以在移動訪問者的情況下只使用移動樣式表，而不是原始樣式表 - 獨立樣式表。

無論如何，因爲我找不到沒有代碼的方式（我不能編碼，只有輕量級的客戶端技能），我不得不擺弄手機佈局。

似乎沒有什麼屬性值我試圖糾正在移動樣式表我不能樣式，以便內容適合屏幕寬度只。有一個規則是我的手機html顯示長度超過了屏幕寬度的100％，這可能是原始樣式表中的一些事情。

如果任何人碰巧能夠使用移動設備進行查看，則應該使用「styles_mobile.css」表單來查看網址。我添加了一個堅實的輪廓的所有元素，因此問題是明顯的：

http://tinyurl.com/7ywoqpf

在頁面的頂部有明顯的寬度或最小寬度，屬性值從伸出屏幕元素主樣式表。不管我多麼努力糾正這些我不能:-(

任何想法？

來源

2012-05-10 Doug Fir

看看你是否可以設置一個最小寬度爲每個樣式表的防止它下面你想讓它的工作，任何東西干擾寬度應類似於此：？

<link rel="stylesheet" type="text/css" media="only screen and (max-width: 810px) and (min-width: 721px)" href="tabstyle.css">

來源

2013-06-10 11:11:01 tomarrell

我們使用這種方法

<link rel="stylesheet" media="all" href="css/common.css"> 
<!--Responsive style sheets --> 
<link rel="stylesheet" media="all and (min-width: 768px) and (max-width: 1407px)" href="css/tab-only.css"> 
<link rel="stylesheet" media="all and (min-width: 0px) and (max-width: 767px)" href="css/phone-only.css">

來源

2012-05-10 05:58:38 ShibinRagh

感謝，但我不知道那確實是什麼使移動STYL電子表單獨？看起來不像 –

移動網站佈局問題

回答

相關問題