響應式屏幕設計

Question

目前我們的應用程序的屏幕設計是針對臺式機和筆記本電腦的分辨率完成的，需要進行擴展才能適用於iPad，iPhone和其他設備的不同分辨率。在大多數地方像素已被用於CSS，所以它需要在許多地方進行更改。

目前我必須做的一個想法是使用媒體查詢並嘗試轉換像素ato百分比。使用媒體查詢或其他更好的解決方案是否好？

請建議...

Answer 1

如果您剛開始使用響應式設計，那麼我會建議您查看響應式前端框架。即使您實際上並未使用框架本身，仍然值得通過代碼來了解它們的工作原理，並將這些方法應用到您的網站。

• Foundation
• Twitter-Bootstrap
• Skeleton
• HTML KickStart

Answer 2

如果你要讓它響應，你需要使用媒體查詢，並改變了一切疑問，你可以使用位置百分比和浮動，如果你想。這應該工作。