2.将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”
3.在body中添加两个div，设置不能的宽度，并设class 为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示
4.在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式
5.在两个div中加入相同的图片，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了
6.这个时候我们需要在img 类中加入限制图片的宽度的css语句让他自己适应容器的宽度.img img{ width:100%; height:auto}
将左边固定区域设置浮动，右边margin设置为左边固定div的宽度。
将左边固定区域设置相对定位，右边margin设置为左边固定div的宽度。
5.左边浮动，让right单独成为一个BFC，BFC的区域不会与float box重叠。
在echarts中，可以通过设置图表容器的宽度和高度为相对值（如百分比）来实现自适应大小。假设图表容器的ID为“chart-container”，则可以使用CSS或JavaScript来设置其宽度和高度。例如，使用CSS设置宽度为100%、高度为400px的代码如下：#chart-container { width: 100%; height: 400px;}另外，echarts官方还提供了一些API，如“resize”方法和“setOption”方法中的“grid”属性，可以帮助图表自适应容器大小。需要注意的是，在使用这些API之前，需要确保图表容器已经被正确加载，并且已经渲染出了图表。
要设置电脑屏幕的自适应，首先需要进入操作系统的显示设置。在Windows系统中，可以通过右键点击桌面空白处，选择“显示设置”来打开设置界面。在Mac系统中，可以通过点击苹果菜单，选择“系统偏好设置”，然后点击“显示”来打开设置界面。
在显示设置界面中，可以找到“分辨率”或“缩放”选项。通过调整这些选项，可以改变屏幕的分辨率或缩放比例，从而实现屏幕的自适应。一般来说，选择较高的分辨率或适当的缩放比例可以使屏幕显示更多的内容，而选择较低的分辨率或较大的缩放比例可以使内容显示更大更清晰。
在设置完成后，系统会自动应用新的屏幕设置，并根据设置的分辨率或缩放比例来调整屏幕的显示效果，实现自适应。如果设置后屏幕显示不正常，可以尝试调整其他选项或恢复默认设置来解决问题。
电脑屏幕自适应是由显示器和操作系统共同实现的。显示器会检测屏幕分辨率和屏幕尺寸，然后将这些信息发送给操作系统。操作系统根据这些信息自动调整分辨率，以适应不同的屏幕尺寸和分辨率。此外，一些应用程序也可以自行调整分辨率和字体大小，以适应屏幕大小和分辨率。总之，电脑屏幕自适应是通过显示器、操作系统和应用程序的协同作用实现的。