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 - 手机/平板电脑的识别

回答

相关问题