Html 所需的mediaquery帮助和说明
我面临mediaquery的问题。我试着用chrome开发工具在不同的设备上进行设计。但是找不到任何帮助来解决问题Html 所需的mediaquery帮助和说明,html,css,media-queries,splidejs,Html,Css,Media Queries,Splidejs,我面临mediaquery的问题。我试着用chrome开发工具在不同的设备上进行设计。但是找不到任何帮助来解决问题 document.addEventListener（'DOMContentLoaded'，函数（）{ 新Splide（“#辅助滑块”{ 键入：“循环”， 每页:1， 自动播放：对， pauseOnHover:是的， 间隔时间：4000 }）。mount（）； } ); .header{ 位置：相对位置； 利润率：20px； 显示器：flex； 证明内容：之间的空间； 对齐项目：居
document.addEventListener（'DOMContentLoaded'，函数（）{
新Splide（“#辅助滑块”{
键入：“循环”，
每页:1，
自动播放：对，
pauseOnHover:是的，
间隔时间：4000
}）。mount（）；
} );
.header{
位置：相对位置；
利润率：20px；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
.标题文本{
文本对齐：居中；
字体系列：monospace；
字体大小：22px；
}
.header.img{
浮动：左；
左边距：10px；
}
.header.联系我们{
浮动：对；
}
.fa-2x{
字体大小：24px；
颜色：黑色；
}
.集装箱{
宽度：100%；
填充：0px；
}
.splide_uu幻灯片图像{
宽度：100%；
高度：自动；
对象匹配：覆盖；
}
#辅助滑块{
显示器：flex；
宽度：100%；
身高：100%；
}
.标题.提交{
浮动：对；
}
。联系我们。电邮{
右边距：20px；
}
@仅介质屏幕和（最大宽度：600px）{
正文{背景：红色；}
.splide_uu幻灯片图像{
宽度：100%；
身高：100%；
}
.标题文本{
文本对齐：居中；
字体系列：monospace；
字体大小：22px；
边缘顶部：10px；
}
我{
垂直对齐：中间对齐；
}
。联系我们。电邮{
右边距：2px；
}
}
阿克希尔-达利
展馆爆满
-
-
-
您使用的媒体查询如下：
CSS
HTML
将此项放在文档的末尾
<meta name="viewport" content="width=device-width" />
您使用的媒体查询如下：
CSS
HTML
将此项放在文档的末尾
<meta name="viewport" content="width=device-width" />
我试过mediaquery。我对设备尺寸有问题。它使滑块处于不同的高度，您能再增加一点吗？如果我尝试在chromeinspect element
中切换设备栏inspect element