移动设备和台式设备有什么区别? [英] What is the difference between a Mobile and a Desktop device?

问题描述

使用 Chrome浏览器开发工具我想在. 您可以选择多个选项，例如宽度和高度.并且还可以选择:

• 移动
• 移动(无触摸)
• 桌面
• 桌面(触摸)

因此，移动设备和台式机之间的区别似乎不是触摸事件.

---

该设备是具有1000 * 1000px屏幕尺寸的移动设备(无触摸)

和屏幕尺寸为1000 * 1000px桌面的设备

一样吗?

或移动尺寸为1000 * 1000px的设备

和屏幕尺寸为1000 * 1000px的台式机(触摸屏)

一样吗?

---

所以我的问题是:

从技术角度来看，台式机和移动机有什么区别?

请从概念上解释差异(我对此特别感兴趣)和DevTools .

---

编辑赏金:

我在回答

定位台式机和移动设备

至少就网络浏览器中的移动/台式机设置而言，移动设备与台式设备之间的主要区别在于屏幕的物理尺寸.请勿将其与屏幕分辨率混淆.

将设计目标放在桌面上时，该界面有望一次在屏幕上包含更多扩展内容，而移动版本的大部分内容都隐藏在图标中，可以通过触摸进行扩展.相比之下，移动版将进行空间优化.

实际上，当平板电脑的尺寸大于标准屏幕尺寸时，例如这些天来，带有可拆卸键盘的平板电脑上市了，该网站的移动版本可能看起来空间过大，这就是为什么浏览器允许平板电脑用户选择以台式机模式显示网站的原因.

移动设备的分辨率可能会比台式机高，但事实上(至少假设)台式机的屏幕是如此之大，使用台式机的人们对更多扩展内容感到满意在屏幕上显示的人数要比在移动设备上查看的人一次.

主要对价比较

桌面:

• 更大的多个屏幕可一次容纳更多屏幕内容.
• 更多键入-常见输入是键盘.
• 悬停并单击链接-常用输入是鼠标.
• 位于桌子上.
• 大量使用.
• 功能更强大的硬件(内存和处理能力更便宜).
• 强大的性能.

手机:

• 较小的单屏幕，其中空间优化至关重要.
• 较少键入-常见的输入类型是触摸屏.
• 触摸和手势.
• 位于口袋里.
• 随意使用.
• 功能不足的硬件. IE.小巧而凉爽的运行内存和处理程序意味着您的金钱不会那么花钱.
• 电源效率.

Using Chrome Browser DevTools I wanted to add a custom device in the Emulated devices tab. You can choose several options such as the width and height. And also choose between:

• Mobile
• Mobile (no touch)
• Desktop
• Desktop (touch)

So the difference between Mobile and Desktop doesn't seem to be the touch events.

---

Is a device of 1000*1000px screen size Mobile (no touch)

and a device of 1000*1000px screen size Desktop

the same?

Or a device of 1000*1000px screen size Mobile

and a device of 1000*1000px screen size Desktop (touch)

the same?

---

So my question is:

What is the difference between Desktop and Mobile from a technical point of view?

Please explain the difference both conceptually (I'm specially interested in this one) and in the DevTools.

---

Edit for bounty:

I came to this doubt after answering

Targetting Desktop and Mobile

The key difference between a mobile device and a desktop device, at least as far as the mobile/desktop setting in web browsers are concerned, is the physical size of the screen. This is not to be confused with the resolution of the screen.

When targetting a design at desktop, the interface is expected to include more expanded content on screen at one time, with the mobile version having the majority of the content hidden within icons to be expanded at a touch. The mobile version will be space optimised in comparison.

In fact, when a tablet has a larger than standard screen size e.g. the tablets with detachable keyboards available these days, mobile versions of the site can look over-optimised for space, which is the reason why browsers allow tablet users to opt to display sites in desktop mode.

The resolution of a mobile device might well be higher than on a desktop, but the fact that the screen is (at least assumed to be) so much bigger on a desktop machine, people using desktop machines are comfortable with more expanded content on screen at once than a people viewing on mobile devices.

Prime consideration comparison

Desktop:

• Bigger, multiple screens that accomodate more content on screen at once.
• More typing - Common input is keyboard.
• Hover and click links - Common input is mouse.
• Located on desk.
• Heavy use.
• More capable hardware (memory and processing power is cheaper).
• Power performance.

Mobile:

• Smaller, single screen where space optimisation is paramount.
• Less typing - Common input type is touch-screen.
• Touch and gesture.
• Located in pocket.
• Casual use.
• Less capable hardware. I.e. Small and cool running memory and processing means less bang for your money.
• Power efficiency.

这篇关于移动设备和台式设备有什么区别?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！