CSS - 手機/平板電腦的識別

-1

我開始使用Web應用程序並定位手機和平板電腦。CSS - 手機/平板電腦的識別

我的應用程序將包含一個完整的頁面顯示，無法滾動（例如，所有內容需要適合這些設備上的全屏）。

我將有四種不同的觀點： - 手機：肖像 - 移動電話：風景 - 平板電腦：肖像 - 平板電腦：景觀

所以我想我需要確定它是否是一個移動或平板電腦，並獲得他們的決議，能夠計算不同元素的大小。我還需要弄清楚它是縱向還是橫向。

另外，我想根據網絡瀏覽器的大小，在計算機上顯示手機或平板電腦的大小（以屏幕爲中心）。

有沒有人可以幫我解決一些代碼來完成這個任務？或者，也許指向一個支持這個的框架/ github？

Thanx。的Eirik

來源

2017-07-02 Eirik Madland

你可以用'媒體queries' – Dark

是的，我想我可以，但我一直在尋找，也許已經已經爲寫了一些代碼這... –

如果你想讓你的網站變得友好，你可以使用'bootstrap'框架。 – Dark

您可以使用media queries和orientation在你的CSS

@media only screen and (min-device-width: /*min width*/) and 
(max-device-width: /*max width*/) and (orientation: /*portrait or landscape*/) 
{ 
    /* your css */ 
}

來源

2017-07-02 10:58:46 Dark

Thanx。我會從這個開始，嘗試想出一個方法來使它工作。 –

CSS - 手機/平板電腦的識別

回答

相關問題