网站介绍
这是一个以响应式设计为核心的网站，它采用了先进的CSS媒体查询技术，可以适应不同设备的屏幕尺寸和分辨率。通过@media all规则，我们设置了全局的字符集为UTF-8,使得网站可以正确显示各种语言的文字。同时，我们还优化了网页布局，使其在任何设备上都能保持良好的视觉效果。
无障碍设计
为了提供更好的用户体验，我们特别关注了无障碍设计。通过设置.screen-reader-text类，网站内容对于屏幕阅读器用户更加友好。同时，我们还限制了图片的高度和最大宽度，以确保图像在不同设备上的自适应加载。
我们还为可访问性提供了额外的支持。例如，我们使用了：where伪类选择器来选择所有包含wp-image-类的img元素，并将它们的高度设置为auto,最大宽度设置为100%,以保证图像能够在不同设备上自适应显示。
代码样式优化
在这个项目中，我们对HTML和CSS代码进行了优化。通过设置html :where(img[class*=wp-image-])选择器，我们可以针对特定类名的图片元素应用特定的样式。这有助于提高代码的可维护性和可读性。
我们还使用了一个名为figure的容器元素来包裹图片和其他相关信息。这样可以确保图片在页面上的布局始终保持一致，同时也方便后续的样式调整和开发工作。
