可是在建造网站的时分，很多人都会迷茫，不知道该怎么建造响应式网站的高度。首先要了解怎么设置响应式网站的高度，就要先知道响应式网站的布局类型有哪些，这样才能够更好的对高度进行设置。

  第一种网站的布局便是能够进行灵敏切换的固定模式布局，这种布局的优点是能够依据目前干流的各种不同设备尺度，对页面的宽度进行及时的调整。这种网站特色便是建造的本钱很低，可是相对的，它也存在着必定的缺陷。首先便是随着科技的发展，会有越来越多的显示设备涌现出来，这种网站并不能确保完美的习惯所有的设备，所以后期的发展性并不强。关于这种网站，只需求依据每种不同的干流设备宽度来核算高度即可。相对来说是比较简略的一种网站，并不需求大量的复杂核算就能在高度上适配多种设备。

  第二种是具有弹性的布局方式，这种网站布局比起第一种要愈加的多变灵敏，它的原理是通过像素百分比的调试，在网站上设定某个范围里面的习惯尺度。建造网站的时分，只需依据不同的设备设定不一样的尺度就能够了。并不需求特意进行高度的设定，网站会自动依据设备的型号进行匹配。这种网站的优点便是能够确保在一段时间内都不会遭到设备尺度改变的影响，能够较好的习惯设备的进化。但它也相同有着自己的缺陷，那便是使用起来并不是非常的便当，而且一般它比较合适等分结构或者是通栏页面的规划。

  第三种格式是混合模式的布局，这种布局的特色便是它不只一起拥有上面所提到的两种布局的优点，而且它的显示作用比起上面两种网站愈加的流通明晰，关于像素混合或者是百分比混合的习惯性都愈加强大，能够到达完美使用网站的空间资源的作用。这样的网站更遭到用户的喜爱，一般页面栏复杂的响应式网站会挑选这种布局，可是它的缺陷便是开发本钱高。关于这种模式，高度的设置就比较复杂了，要注意使用弹性份额进行布局设置，将固定的像素转化成弹性份额，简略来说便是用元素的大小除去元素所在的容器大小。

  上面三种网站各有各的特色，想要合理的建造好网站的高度，首先必定要依据自己网站的受众、类型以及资金先决议采用哪种网站布局，然后能够大致的将网站建造好，确定好整个网站的构架之后再开端写代码。在高度上，必定要依据不同的网站布局挑选不同的调试方式。不只不同的布局会对高度设置产生影响，不同的设备例如手机和电脑也要依据尺度的改变进行不同的高度设置。在实际操作的时分，假如想要设置不同设备的显示值，只需求重新编写网站在一个导航栏右侧的web模块即可，在重新编写的时分需求用到肯定元素的宽度，而不是原先所使用到的宽度。这样网站的高度就会重新变成和设备相习惯的高度。