创建并行页面的风险。 创建和制作移动网站时使用响应式网页设计 不要选择制作单独的移动网站 当我们说您可以使用移动网页设计时，我们并不意味着您应该为手机创建和制作移动网站，与主网站完全分开。Web 域可以是相同的，具有相同的数据库和内容。您可以根据访问的设备简单地更改要加载的设计文件。 然而，这样做有一个问题，这就是为什么在第一点中我们选择单个响应式网站的原因是搜索引擎，特别是它们的蜘蛛（机器人）会找到每个页面的两个副本，一个在主网络版本中，另一个在主网络版本中在手机网页版中，有时会引起令人头痛的网页定位问题，这就是所谓的 SEO网页设计，即网页的SEO优化。 考虑基于设备的响应式设计 将移动优先思维付诸实践的第一个技巧是考虑每个移动设备以及页面在这些设备上的外观。
请记住，所有移动设备都是不同的，如果我们谈论手机，我们可以找到宽度从 150 像素到 400 像素宽的屏幕，还有平板电脑屏幕也有自己的分辨率。 响应式设计的挑战在于，每个设备都提供良好的体验，因此设计时必须考虑屏幕上每个元素的百分比，而不是像互联网上看到
WhatsApp 数据 的那样固定大小。 我给你一个简单的例子，不要使用“30px宽按钮”这样的参数，而是使用“5%宽按钮”，这意味着这个按钮将占据屏幕尺寸的5%，具体取决于分辨率。 。是的，按钮会根据屏幕的不同而变大或变小，但这有利于用户获得持续的体验。 请注意，它不再只是向浏览器提供小于或大于屏幕的指令，而是提供满足用户需求的指令，无论其设备屏幕的大小如何。 现在我们已经介绍了“移动优先”思想的最基本要素，让我们看看如何使用设备自身的功能来改进网站的设计。例如，利用智能手机的 GPS 功能，在创建和制作移动网站时，它应该变得更加直观，它可以拥有更多有关访问者的数据，从而进行调整以提高他们的满意度。
例如，如果您有一个用作目录的网页，无论是餐馆还是其他任何东西，您有可能知道用户的位置，这一事实可以帮助您预加载与他们非常接近的选项。 移动设备这些特定功能的使用将取决于您的创造力以及页面设计者的创造力，但您会知道可以做很多事情来改善用户体验。 考虑创建具有非常简单的导航功能的移动网站 在这里，我们将应用移动优先思维的另一个重要方面，因为我们必须使我们的页面易于导航，这将使桌面版本与移动版本有很大不同。 在桌面版本中，由于屏幕尺寸较大，可以放置许多导航元素，带有子菜单项的大菜单以及我们想要的一切；即使包含所有这些元素，页面也不会过载或难以导航。 当我们谈论移动屏幕时，我们知道尺寸是问题所在，因此我们无法在该分辨率下容纳与桌面版本相同的菜单。我们正在寻找的是移动版本的菜单要简单得多。