Html 如何在一个css中有两个媒体查询？
我正试图使一个网站有两个断点的手机和平板电脑 我在CSS上有两个媒体查询，移动设备的断点为767px，平板电脑的断点为767-1024px 我不确定我遗漏了什么，但出于某种原因，手机可以工作，平板电脑的媒体查询似乎被浏览器忽略了 希望有人能帮忙。谢谢Html 如何在一个css中有两个媒体查询？,html,css,Html,Css,我正试图使一个网站有两个断点的手机和平板电脑 我在CSS上有两个媒体查询，移动设备的断点为767px，平板电脑的断点为767-1024px 我不确定我遗漏了什么，但出于某种原因，手机可以工作，平板电脑的媒体查询似乎被浏览器忽略了 希望有人能帮忙。谢谢 /*全局*/ *{ 保证金：0； 填充：0； } 身体{ 背景色：#E2DED6； } .集装箱{ 保证金：自动； 最小高度：100vh； } /*展示*/ #展示{ 宽度：50%； 高度：100vh； 背景：棕色url（images/comme
/*全局*/
*{
保证金：0；
填充：0；
}
身体{
背景色：#E2DED6；
}
.集装箱{
保证金：自动；
最小高度：100vh；
}
/*展示*/
#展示{
宽度：50%；
高度：100vh；
背景：棕色url（images/comments.jpg）左上角/封面；
浮动：左；
}
/*左导航*/
.网站标志{
高度：80px；
}
.网站标志跨度{
显示：内联块；
浮动：左；
填充：31px；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：20px；
颜色：白色；
}
/*右导航*/
.右导航{
宽度：50%；
高度：100vh；
浮动：对；
背景：#f7f7f7；
}
莱斯特{
高度：80px；
字体系列：Arial、Helvetica、无衬线字体；
}
.茎跨{
显示：内联块；
浮动：对；
填充：31px
}
/*油漆部*/
.绘画{
高度：300px；
宽度：100%；
浮动：左；
文本对齐：居中；
填充顶部：30px；
}
.油漆h1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
字号：500；
字体大小：90px；
线高：1；
填充：20px；
}
.绘画{
字体系列：Arial、Helvetica、无衬线字体；
字号：100；
字号：18px；
边缘顶部：8px；
}
/*设计组*/
.设计{
高度：300px；
宽度：100%；
浮动：左；
文本对齐：居中；
填充顶部：100px；
}
.设计h1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
字号：500；
字体大小：90px；
线高：1；
}
.p.设计{
字体系列：Arial、Helvetica、无衬线字体；
字号：100；
字号：18px；
边缘顶部：8px；
}
.菜单项{
文本对齐：左对齐；
位置：相对位置；
}
/*mediaquery电话*/
@介质（最大宽度：767px）{
#展示{
宽度：100%；
高度：400px；
浮动：无；
}
.右导航{
宽度：100%；
高度：500px；
浮动：无；
}
莱斯特{
位置：绝对位置；
排名：0；
右：5px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：白色；
}
.油漆h1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
字号：500；
字体大小：50px；
线高：1；
}
.设计h1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
字号：500；
字体大小：50px；
线高：1；
位置：绝对位置；
最高：85%；
左：50%；
转换：翻译（-50%，-50%）；
填充：0px；
}
.p.设计{
字体系列：Arial、Helvetica、无衬线字体；
字号：100；
字号：18px；
边缘顶部：8px；
文本对齐：居中；
}
@介质（最小宽度：768px）和（最大宽度：1024px）{
莱斯特{
位置：绝对位置；
排名：0；
右：1px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：灰色；
}
约翰森·德拉莫斯
[j]
让我们谈谈
洛雷姆画家
画作
图纸
Lorem
同侧设计
艺术指导
用户界面
品牌
}