HTML页面是如何适应不同分辨率的显示器

HTML页面何适应不同分辨率的显示器可以通过：响应式布局、自适应网页设计等方法：

1、响应式布局设计：

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。一个网站能够兼容多个终端，而不是为了每一个终端做一个特定的版本。

2、自适应网页设计：

自适应网页设计（AdaptiveWebDesign）指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

扩展资料：

响应式布局与自适应布局的区别：

1、自适应布局通过检测视口分辨率，来判断当前访问的设备是：pc端、平板、手机，从而请求服务层，返回不同的页面；响应式布局通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。

2、自适应布局需要开发多套界面，而响应式布局只需要开发一套界面就可以了。

3、自适应对页面做的屏幕适配是在一定范围：比如pc端一般要大于1024像素，手机端要小于768像素。而响应式布局是一套页面全部适应。

4、自适应布局如果屏幕太小会发生内容过于拥挤。而响应式布局正是为了解决这个问题而衍生出的概念，它可以自动识别屏幕宽度并做出相应调整的网页设计。

参考资料来源：百度百科-响应式布局

参考资料来源：百度百科-自适应网页设计

简单地说，前端就是你在浏览网页app看到的一切东西，都是前端。后端就是程序员在背后做的一切努力，对数据等东西的处理。而终端就是你使用来浏览这些东西的设备。展开来说的话，就比较长。前端：前端就是展现给用户浏览的部分。我们通常说的前端，其实是指前端开发，也就是创建PC端或移动端等前端界面给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发是从网页制作演变而来。早期的网页制作主要内容都是静态的，以文字图片为主，用户使用网站也以浏览为主。随着互联网的发展，现代网页更加美观，交互效果显著，功能更加强大。因此现在的前端开发的主要技术通常是指html、css、js技术和一些开发框架的使用。大家熟知的Facebook就是Web前端技术的产物，完全基于前端框架打造出来的平台。另外，外卖平台饿了么旗下的部分产品也是基于Web前端技术的。像淘宝，百度，阿里等等，都已经将Web前端技术打入到了自己的产品中。后端：为了让服务器、应用、数据库能够彼此交互，后端工程师需要具有用于应用构建的服务器端语言，数据相关工具，PHP框架，版本控制工具，还要熟练使用 Linux 作为开发和部署环境。后端开发者使用这些工具编写干净、可移植、具有良好文档支持的代码来创建或更新 Web 应用。但在写代码之前，他们需要与客户沟通，了解其实际需求并转化为技术目标，制定最有效且精简的方案来进行实现。终端：“终端”即是指最后或最外层的节点。在计算机世界里一般指最外层的输入输出。那什么是计算机的输入输出？最常见的输出设备就是显示器、最常见的输入设备就是键盘鼠标。所以通俗来说，计算机的终端就是位于最外层的显示器、键盘或鼠标。在过去（现在也有）因为计算机资源非常宝贵，经常一台高性能主机向多台终端设备提供计算能力。即终端设备通过键盘鼠标向中心主机输入信息，中心主机计算后将结果返回给终端进行显示。终端本身不具备核心计算能力，主要就负责数据的输入和输出，这就是“终端”。现代我们管很多设备叫终端机，比如手机。因为手机作为接打电话的终端负责声音的输入和输出，而重要的信号处理工作由各个基站等设备完成。

---