大部分我的意見將有5 - 10小工具,我想弄清楚如何使按鈕,下拉看起來他們最好的。
我曾嘗試將它們的尺寸設置爲當前屏幕尺寸的百分比,但對於非常大的屏幕或非常小的屏幕,這不是理想的解決方案。移動用戶將成爲主要的最終用戶。 什麼是最好的方式來實現這一點所以移動用戶將真正能夠看到一個體面的大小的按鈕一個小屏幕,而個人電腦用戶不會最終看到一些巨大的按鈕,如果他們是全屏。保持GWT小部件大小的比例與屏幕尺寸
1
A
回答
1
您可以使用ViewPort Meta tag維持在mobile
設備過你的web應用適當widths and heights
..用了改變所有的layouts
。
The viewport meta tag to control layout on mobile browsers.
另請參閱下面的問題,我已經回答了設置視口。
0
在現代瀏覽器中,除了如其他響應提及並視適用於整個文檔,你可以使用CSS規模轉變。
看到這個純HTML/CSS example
我在GWT做的是我是否有不同的.ui.xml或CSS捆綁與標尺不同桌面和移動排列,或通過我的代碼更改(根據窗口大小,瀏覽器類型等計算比例因子)。
在第二種情況下,你可以使用GWT元素的方法:
panel.getElement().getStyle().setProperty("WebkitTransform", "scale(0.65, 0.65)");
panel.getElement().getStyle().setProperty("MozTransform", "scale(0.65, 0.65)");
或我寧願使用gwtquery語法:
$(panel).css($$("-webkit-transform: scale(0.65, 0.65); -moz-transform: scale(0.65, 0.65);"));
相關問題
- 1. 根據屏幕尺寸更改小部件的大小?
- 2. 根據屏幕尺寸縮小字體大小/邊距大小?
- 3. Android:保持屏幕上的小部件
- 4. 點擊後有小屏幕尺寸一個功能和屏幕尺寸大了
- 5. Android - 縮小圖像尺寸不會減小尺寸的比例
- 6. 爲較小尺寸的屏幕調整圖像大小
- 7. 段元素不調整大小/保持不同的屏幕尺寸格式?
- 8. 圖片徽標應保持相對於設備屏幕尺寸的大小
- 9. 調整大小的UIScrollView 3.5和4英寸的屏幕尺寸
- 10. 與所有屏幕尺寸的小屏幕相同的頂部條碼
- 11. GWT:保留SplitLayoutPanel的最小尺寸
- 12. 大屏幕或hdpi的主屏幕小部件大小?
- 13. 容納較小的屏幕尺寸
- 14. 保持分頁和屏幕尺寸
- 15. 適用於不同尺寸屏幕的Android小部件
- 16. 與屏幕尺寸
- 17. 在較小的屏幕尺寸下適合尺寸的內容
- 18. iphone應用尺寸小於屏幕
- 19. 背景大小切斷了某些部分,當屏幕縮小尺寸
- 20. 如何保持android屏幕大小?
- 21. ImageView填充不同的屏幕尺寸,但保持縱橫比
- 22. Android屏幕尺寸支持
- 23. Android屏幕尺寸支持
- 24. PhoneGap屏幕尺寸支持
- 25. Android小部件的尺寸?
- 26. 當屏幕尺寸減小時自動調整圖像尺寸
- 27. 基於Jquery的屏幕尺寸更改Div的大小
- 28. UITableView的尺寸表現不同的屏幕上大小怪
- 29. 不同的屏幕尺寸和wpf窗口大小的值
- 30. vw和vh的響應網站,當屏幕太小時,尺寸保持不變大小(px)