Html CSS仅媒体屏幕问题
我们的代码中有一些图像。我在下面粘贴的代码是我们用来解决平板电脑兼容性问题的代码。但这张图片在平板电脑上看起来很厚重。在手机上，图像看起来很好 CSS:Html CSS仅媒体屏幕问题,html,css,Html,Css,我们的代码中有一些图像。我在下面粘贴的代码是我们用来解决平板电脑兼容性问题的代码。但这张图片在平板电脑上看起来很厚重。在手机上，图像看起来很好 CSS: /*#平板电脑（纵向）*/ @仅介质屏幕和（最小宽度：571像素）和（最大宽度：768像素）{ /*普通的*/ .mobile{height:35px；display:block；} #隐藏{display:block；} /*DIV*/ #包裹{最大宽度：100%；} /*钮扣*/ .button_img{宽度：自动；高度：自动；} /*标题
/*#平板电脑（纵向）*/
@仅介质屏幕和（最小宽度：571像素）和（最大宽度：768像素）{
/*普通的*/
.mobile{height:35px；display:block；}
#隐藏{display:block；}
/*DIV*/
#包裹{最大宽度：100%；}
/*钮扣*/
.button_img{宽度：自动；高度：自动；}
/*标题*/
#pex_标志{最大宽度：100%；左边距：30px；}
/*导航*/
导航{位置：绝对；顶部：0px；左侧：0px；背景图像：无；背景：#f2f2；高度：自动；边框半径：0px；宽度：100%；边框：无；}
导航ul{宽度：100%；显示：无；高度：自动；}
导航li{填充：0px；宽度：33%；浮动：左侧；位置：相对；}
导航li a{颜色：666；边框底部：1px实心#666；边框右侧：1px实心#666}
nav li:第一个子a{左边距：0px；}
导航a{color:#FFF；填充：0px；文本对齐：左；宽度：100%；文本缩进：20px；行高：30px；背景：无；}
李导航：最后一个孩子a{右边框：1px实心#666；}
导航a:悬停{颜色：#FFF；背景：#999；}
李导航：最后一个孩子a：悬停{颜色：#FFF；背景：#999；}
导航。当前a{字体重量：粗体；颜色：#000；背景：无；}
#间隙{显示：块；宽度：20px；浮点：左}
.slide触发器{display:block；}
.navigation{显示：无；}
/*左PEX含量*/
#pex_内容_左{最大宽度：100%；宽度：100%；浮动：无；}
/*PEX内容权*/
#pex\u内容\u右\u向下{显示：无；}
#pex_内容_右侧{最大宽度：100%；宽度：100%；浮动：无；}
#pex#U内容#U右侧{宽度：100%；浮动：右侧；边框右侧：1px虚线#999；边框底部：1px虚线#999；填充底部：0px；填充：5px；}
/*PEX页脚*/
页脚{最大宽度：96%；}
页脚p{行高：正常；填充：5px；左填充：0px；}
页脚ul{边距：0px；填充：0px；显示：块；宽度：100%；浮点：左；}
页脚ul li{}
}
正文
参考
细节