移动网页vs.桌面网页

为在移动设备上使用而优化的网页不同于出现在台式机和笔记本电脑上的网页。后者是为大屏幕和精确的鼠标点击而设计的，而移动网页是为小屏幕和不精确的手指点击而设计的。

鉴于大多数网站访问来自移动设备，站点设计人员是任务的，提供与移动设备和桌面计算机一起使用的版本。最常见的方法是使用响应式网页设计，它根据用户的设备和屏幕尺寸自动提供适当的版本，如浏览器所检测到的。

无论如何，对移动设备友好的网页在很多方面都不同于桌面版本。

页面设计:移动屏幕有更少的空间

桌面和桌面之间最明显的差异移动网页是屏幕的不动产。大多数台式显示器的对角线尺寸至少在19英寸到24英寸之间，而平板电脑的对角线尺寸通常在10英寸左右。智能手机的对角线约为4英寸。简单的缩小并不能成功地将网页转换成移动友好的版本，因为它会使文本不可读，并且需要站点访问者额外的步骤。而且，精确地敲击微小的元素也变得不可能。

要修复问题设计人员可以删除不严格必要的侧栏和图形。相反，它们使用较小的图形，将字体大小提高到可扩展窗口小部件。这个房地产限制在网页设计师中推动了一种完全不同的思维。

此外，可折叠或可展开的菜单小部件通常会替换侧栏和庞大的标题菜单。为了让每一毫米的屏幕空间都发挥作用，设计师在仔细考虑可读性的同时，删除多余的空白。

大量的赞助链接和大横幅广告不适用于手机或小型平板电脑。相反，小型弹出式广告在移动网页上更常见。

在移动设备上，文字环绕图形的布局效果并不好。相反地，设计师通常会让这些图像呈现出整个屏幕的宽度，然后在下方或上方运行文本。同样地，好的网页设计会为了可读性而将文本分割成块;没有人想要阅读大量的文字。这在小屏幕上变得更加重要。明智地使用空白是至关重要的。

页面控件：Desktop Precision VS. Mobile Blobs

与桌面上的鼠标指针不同，人类的手指是一个斑点，而点击屏幕上的目标需要很大超链接。移动友好网站提供大型攻丝区域（或热点），以便于准确导航。

适合手机使用的网页通常也会包含这封信m在他们的地址;例如，Facebook的移动地址是M.Facebook.com。手机URL.使用移动平板电脑或智能手机冲浪时通常会自动为您选择。在某些情况下，您将看到一个令人兴奋的链接，可让您切换到常规桌面版本的页面。

登录和密码原本用于台式机和笔记本电脑的字段变得很小，无法在手机上使用，所以网络出版商把它们做得更大，有时还为它们提供自己的页面，以方便使用。使用指纹或者其他帐户，例如谷歌或Facebook，作为设备和服务能力的发展越来越普遍。

为什么这有关系？

移动网页是为手持设备设计的，与桌面阅读的网页有很大的不同。虽然你通常可以在移动设备上查看网页的桌面版本，反之亦然，但它们的设计不同，使内容更容易查看、阅读和导航。