TEL:400-8793-956
当前位置:程序、服务器

将宽度百分比添加到代码中时,您将其称为什么?

提问者: 近期获赞: 浏览人数: 发布时间:2021-01-30 13:52:54

 问:我已经输入了宽度,最大宽度,最小宽度,甚至余量;没有任何效果。

 
 css / main.css
一个 {
文字装饰:无; } #包装{最大宽度:940像素; 保证金:0自动; } #标志{文本对齐:中心; 边距:0 ; } h1 ,h2 { color :#fff ; } NAV一个{颜色:#FFF ; } NAV一个:悬停{   
  
  颜色: #32673f ; 
h1 { font-family :Changa One ,sans-serif ; 字体大小:1.75 em ; font-weight :正常;} img {最大宽度:100 %;} #画廊{ margin :0 ; 填充:0 ; 列表样式:无;} #画廊里{浮动
 
 
  : 左; 
宽度:45 %; 利润率:2.5 %; 背景颜色:#f5f5f5 ; 颜色:#bdc3c7 ; } nav ul { list-style :none ; 边距:0 10 px ; 填充:0 ; } nav li { display :inline-block ; } NAV一个{字体重量:   
 
  
   800 ; 
填充:15像素10像素; } 。个人资料照片{显示:阻止; 边距:0自动30像素; 最大宽度:150像素;边界半径:100 %; } 。contact-info {列表样式:无;填充:0 ; 边距:0 ; 字体大小:0.9    
 
   em ; 
。contact-info a { display :block ; 最小高度:20像素;背景重复:不重复;背景尺寸:20像素20像素;填充:0 0 0 30 px ; 边距:0 0 10 px ; } @媒体屏幕和(最小宽度:480像素){
  
     
  。画廊 {
宽度:28.3333 %; } }     
  
 
 
答:您拥有正确的权限,但需要更改。到#,因为它是一个id而不是一个类,您必须添加#gallery li
 
@media屏幕和(最小宽度:480像素){
   #gallery li {
    宽度:28.3333%;
  }
 }
 
答:对于您的媒体查询,图库在一个类中,它要求提供ID。
您需要选择图库中的列表项。
 #画廊 李 {
宽度:28.3333 %; }     
  
上一篇: CSS3如何在单击菜单时下推页面
下一篇: Webconf演示站点上的“阅读更多”按钮旁边显示的图像文件名