如何爲現在在觸摸屏Kiosk中使用的現有Web應用程序創建CSS

Question

我必須調整現有的Web應用程序才能在僅提供觸摸屏的Kiosk中使用。該應用程序基於php-jquery，我必須爲觸摸屏界面分類一些html元素（由php創建）和CSS。

我該怎麼做？在觸摸屏的CSS中是否有一些特定的指令？ （我不是在談論手機屏幕，信息亭將有一個正常的解決方案）。有沒有辦法讓PHP知道用戶正在使用觸摸屏（以便我可以相應地更改html）？

最後但並非最不重要的是，是否有任何整合觸摸屏界面的最佳實踐/指導原則？

Thx提前，希望這不是一個問題

Answer 1

沒有在css spec亭類型的設備定義的媒體類型的副本。最接近的可能是電視，但亭亭亭玉立的瀏覽器無論如何將可能加載屏幕類型。

您能否檢測到自助服務終端正在使用的瀏覽器並返回不同的樣式表？

Answer 2

這取決於您在Kiosks上運行的瀏覽器......例如，如果您運行的Opera將全屏視爲不同的CSS媒體類型。他們稱之爲歌劇表演，你可以自己輕鬆地控制它：

@media投影{ /*這些規則只在全屏模式下應用* /}

爲信息亭在全屏運行正常模式這將爲你工作。