確保您的網站在移動瀏覽器上看起來合適的提示？

我已經在我的一天做了幾個網站，但自從手機瀏覽器一直有問題讓我的網站在移動Safari瀏覽器中正常瀏覽，我沒有改變我的編程習慣，以適應，而我不是確定要改變什麼來修復我得到的錯誤。例如：確保您的網站在移動瀏覽器上看起來合適的提示？

這是一個華麗的微型在桌面瀏覽器查看時，但在移動瀏覽器中的一些元素，特別是那些有寬度爲100％觀看時，得到傾斜。那

例子：

，似乎一切都只是錯了，我知道有可能是與我的CSS習慣的東西，可能防止這種情況在未來。

任何提示？

2012-10-13 Anthony

使用一些與網格系統的CSS表可能是有用的。不幸的是，我不認爲你可以讓你的網站更加「設備友好」，而不必幾乎完全重寫你的應用：/。

無論如何，一些recomendations：
- http://twitter.github.com/bootstrap/響應CSS可以，你需要
正是 - http://cssgrid.net/也許實施，這將是不那麼激進

2012-10-13 03:58:49 nicooga

呀，使用兩個樣式表。在HTML中使用media =「...」屬性鏈接到它們時，可以指定每個設備的用途。因此，一個媒體=「手持」，另一個媒體=「屏幕」。調整掌上電腦的CSS文件，直到看起來不錯。

所以當一個PC用戶轉到您的網站時，與media =「screen」相關的CSS文件將被加載，但是如果手持用戶進入，另一個將被使用。請注意，某些手持設備上的Safari瀏覽器會將自己標識爲常規瀏覽器，而不是手持設備。希望這可以幫助。

2012-10-13 04:03:00 FrostyFire

回答