如何使我的图像和div响应屏幕大小

要使图像和div元素响应屏幕大小，可以采取以下几种方法：

1. 使用响应式布局：通过CSS媒体查询和弹性布局技术，根据屏幕大小和设备类型自动调整图像和div元素的尺寸和位置。可以使用CSS框架如Bootstrap来快速实现响应式布局。
2. 使用百分比或vw/vh单位：将图像和div元素的宽度、高度、边距等属性设置为百分比或vw/vh单位，相对于父元素或视口的尺寸进行自适应调整。例如，设置宽度为50%可以使元素占据父元素的一半宽度。
3. 使用CSS Flexbox或Grid布局：Flexbox和Grid布局是现代CSS布局技术，可以方便地实现元素的自适应和响应性。通过设置容器的属性和子元素的排列方式，可以实现图像和div元素在不同屏幕大小下的灵活布局。
4. 使用JavaScript和窗口事件：通过监听窗口大小变化的事件，使用JavaScript动态计算和调整图像和div元素的尺寸和位置。可以使用window对象的resize事件来实现响应式效果。

总结起来，要使图像和div元素响应屏幕大小，可以结合使用响应式布局、百分比/vw/vh单位、CSS布局技术和JavaScript事件处理等方法来实现。具体的实现方式可以根据具体需求和项目情况选择合适的方法。