小和尚。。。。。。小和尚来

鱼洛

拈花小和尚 发表于 2020-12-19 11:04
看了下平板效果，图片右边还是少一块。不算完全自适应屏显。
不过已经很好了。冲齐啥的都没问题了。
鱼 ...

1. 
   
2. div.hdc{
   
3.     border-bottom: 0px solid #DDDDDD;
   
4.     background: #6698BC url(http://www.zjiao.net/static/image/common/shengdan.jpg)  no-repeat 0 0;
   
5.     background-size: cover;
   
6.   -webkit-background-size: cover;
   
7.   -o-background-size: cover;
   
8. height:auto;
   
9.     margin-bottom: 5px;
   
10. margin-top: -10px;
    
11.     border-radius: 5px;
    
12.     box-shadow: 0 1px 3px rgba(0,0,0,0.5)}

复制代码

试下这个

鱼洛

拈花小和尚

鱼洛 发表于 2020-12-19 11:12

O了。吃饭去了。
研究出新代码，贴在这。我回来试~

鱼洛

1. .mtm {
   
2.     margin-top: 5px !important;
   
3. }

复制代码

mtm      margin-top: 10px  原数据修改到 5px

试试

鱼洛

1. #toptb {
   
2.     background: #f5f7f957;
   
3.     height: 30px;
   
4.     line-height: 28px;}

复制代码

1. div.hdc {
   
2.      border-bottom: 0px solid #DDDDDD;
   
3.     background: #6698BC url(http://www.zjiao.net/static/image/common/shengdan.jpg) no-repeat 0 0;
   
4.     background-size: cover;
   
5.     -webkit-background-size: cover;
   
6.     -o-background-size: cover;
   
7.     height: auto;
   
8.     margin-bottom: 5px;
   
9.     margin-top: -5px;
   
10.     border-radius: 5px;
    
11.     box-shadow: 0 1px 3px rgba(0,0,0,0.5);

复制代码

1. .mtm {
   
2.     margin-top: 5px !important;
   
3. }

复制代码

拈花小和尚

鱼洛 发表于 2020-12-19 11:30
mtm      margin-top: 10px  原数据修改到 5px

试试

还行，这种效果。
比头图和主导航栏挨上好看~
这样两道缝隙，5px也比10px更精致。

小鱼棒棒哒~

鱼洛

拈花小和尚 发表于 2020-12-19 13:31
还行，这种效果。
比头图和主导航栏挨上好看~
这样两道缝隙，5px也比10px更精致。

主图的 margin-top: -10px; ,改到 -5，好看点，你要不试试看。

拈花小和尚

我改啦。上面挨着应该还好一些~

鱼洛

拈花小和尚 发表于 2020-12-19 13:35
我改啦。上面挨着应该还好一些~

  然后还有啥地方要改的？

拈花小和尚

如果上面的叶子去掉，再离开5px可能会不错。
反正也没事，我把这几种效果都试试~