这个技术还没有形成之前，你需要制作两套模板，一套用于PC，一套用于手机。在浏览器访问时，可以通过识别浏览器跳到其他程序。

    但H5的应答型网站是不一样的，只有一套模板和一套程序可以适应不同的屏幕分辨率，这样网站就能方便的适应不同的产品浏览器，为不同的用户带来统一，事实上，H5响应式网站并没有想象中那么复杂。

    一是网站的关键断点设计。

    因为应答性网站主要是针对不同设备的客户基础而设计的，包括手机用户、计算机用户，以及由于屏幕大小不同而在用户层面上的其他电子阅读设备。为了在这三种设备上浏览网站，您需要根据这些设备的用户特性设计断点。有了这些断点，你就能反映出应答网站设计的体验标准。

    断点设计需要进行初步的用户需求调查。研究过程中，识别目标顾客群，确定目标群体，满足目标群体的需要，做好市场细分和产品工作。该产品展示的核心是通过不同断点来获得潜在客户的触动和关键字布局。


    二是根据使用者的阅读习惯调整网页。

    一般情况下，当一个站点在线一段时间后，你需要查看网站的访问数据。企业网站首次根据用户访问后，对网站的内容进行全面扫描，然后发现有价值点。点击一个点的频率来寻找一些规则，然后增加那些值来突出显示。

    在开始时，如果用户没有找到他们想要的信息，网页上就没有有意义的内容，而且页面上的内容非常混乱，那么客户肯定会放弃寻找他需要的东西。再次查找下一个网站，它将提供你更多信息。所以，网页设计必须为Web内容设计行业有价值。

    三是针对不同的屏幕设计布局。

    在不同的用户使用不同的设备浏览网络时，在上网过滤每一台设备的重要内容之前，必须仔细测试每台设备的用户体验。通过手机浏览网站时，由于终端屏幕较小，很容易对重要内容进行过滤。

    在解决了手机网站设计的问题后，设计和浏览平板电脑等的问题将变得更加容易。为此，在设定了手机网站设计机构的断点后，为了保证手机网站对浏览网站的适应性，可以针对网站的每一个元素进行设计，并体验手机网站设计。在此基础上，对网站的设计与布局进行了系统的优化和优化。因此，H5自适应网站可以显著缩短构建时间。

    四是对图片和视频的改编。

    当今世界已经进入了图像阅读时代。很多人不愿意阅读纯文本信息。他们不愿阅读，即使用户发现你的站点并看到很多密集的文本。当你添加一些图片时，你会发现，图片和视频文件在网站的相对重要位置上，你会发现它与视频的修饰非常不同。所以，如何在不同的用户设备上设置图片和视频文件显示效果也是适应网站设计者的一个指导原则。关注思想问题。

    假如你想要设计和制作高质量的HTML5自适应网站，你还是要花很多时间去考虑。站在顾客的角度和角度考虑问题。在线前，请使用其它设备浏览器测试，避免在上网后吸引特定的顾客。本文对如何设计构建HTML5应答网站进行了一个简单的分析，希望对大家有所帮助。