2
您如何使您的網站在標準瀏覽器和各種可用移動設備上看起來不錯？爲移動設備設計網頁界面
目前我試圖讓我的佈局調整大小，使其爲小型設備正常工作，或者提供用於移動設備的獨立的CSS之間猶豫不決。 我的用例是一個國際象棋遊戲，我希望整個棋盤都可以不滾動。
你會怎麼推薦？
A
回答
1
基本上沒有簡單的方法來做到這一點，你可以使用最先進的手機CSS來控制輸出，但需要調整圖像顯示在手機上，才爲所有的手機有不同的屏幕尺寸。
我所遇到的移動設計中處理的最佳地點是：http://patterns.littlespringsdesign.com/index.php/Main_Page
1
在此特定情況下，它聽起來像理想的視角可能是值得特別定位移動設備。
1
我會推薦CSS方法。否則，我擔心你會有一個界面，只會看起來足夠，而且在這方面只有平庸。
您不希望您的網站看起來像它破壞了一個觀衆或其他。
1
，如果你意識到你有多大問一個問題，我不知道 - 「在各種移動設備」？這是很多設備，很多解決方案以及很多錯誤和侷限性，從iPhone可以處理任何普通的瀏覽器可以處理的事情，到小小的黑白屏幕。
從理論上講，你可以寫不同的CSS瞄準手持設備
<LINK REL="stylesheet" TYPE="text/css" MEDIA="handheld" HREF="handheld.css">
，但就個人而言，如果你想支持大量我認爲檢測設備裝置，並試圖餵它它可以處理的代碼是唯一真正的解決方案。
你可以開始尋找這個問題有多大通過獲取WURLF這是關於不同設備及其功能的細節一個13MB的XML文件。
0
嘗試谷歌的新Mobile friendly test工具來評估您的網站1
相關問題
- 1. 網頁設計爲iOS設備
- 2. 移動設備上的css網頁設計
- 3. 各種設備的移動網頁設計
- 4. 如何爲移動設備設計可擴展的HTML5網站？
- 5. 爲桌面設備和移動設備設置iframe中心
- 6. 是否有任何設計移動設備用戶界面的指導原則？
- 7. 移動網頁設計框架？
- 8. 更改爲移動設備的網站
- 9. 圖片移動設備響應設計
- 10. 如果設備是移動設備，則爲頁面呈現不同的模板
- 11. 在Facebook頁面中通過移動設備分享網址
- 12. 網站設計和移動設備編碼
- 13. twitter bootstrap - 響應式網頁設計：在移動設備上加載時間？
- 14. IMG在移動設備和桌面（響應式設計）
- 15. 移動設備被檢測爲非移動設備
- 16. 網站頁面設計
- 17. Java界面設計
- 18. Android界面設計
- 19. Java - 界面設計
- 20. Android界面設計
- 21. 如何設計瀏覽文本手冊頁的網頁界面？
- 22. 桌面和移動網頁設計的圖像分辨率
- 23. 如何爲移動設備創建網頁？
- 24. 爲允許拖拽的移動設備構建網頁
- 25. 爲什麼移動設備訪問網頁比PC慢？
- 26. 與Tastypie爲移動設備
- 27. 我的網站在移動設備上顯示爲桌面版
- 28. Google日曆的移動網頁界面？
- 29. 網站界面設計工具
- 30. 爲什麼我的網站不在移動設備或ipad的頁面上？
訪問該網頁被拒絕。我也試過www.littlespringdesigns.com - 同樣的事情 – 2014-11-19 15:10:14