0
我一直在玩phantomJS一段時間，並且在使用匹配媒體查詢來區分設備類型的網站中使用它時遇到了問題。無匹配瀏覽器無法在matchMedia查詢中遵守視圖端口
有一段時間我以爲這是一個幻影問題，但它與其他無頭瀏覽器，如slimerJS和無頭Chrome瀏覽器正在發生。
問題是matchMedia查詢不遵守HB上的視圖端口。
作爲樣品，下面的步驟中重現這些HB問題：
- 設置移動視口（例如：736x414）。
- 打開https://josebrandao13.github.io/
- 截取屏幕截圖。
結果總是： 「我是一個平板電腦」。意思是寬度和高度大於768px時，他們不是。
如果您在Chrome或Firefox開發工具上打開此網站並在手機和平板電腦設備之間切換，matchMedia的行爲將與預期相同。此外，如果我打開它在我的手機鉻一切都很好。
是否有任何已知的無頭瀏覽器和matchMedia問題？