日: 2018年8月10日

ノートpcの分岐　高さで分岐　メディアクエリ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.top_prof{ mini-width: 1084px; width: 90%; right:0; left:0; margin: auto;  position: absolute;bottom: 0; color: #fff; padding: 24px; background-color: rgba(0,0,0,0.3) ;
 
p.pc_bio{display: block;}
p.note_bio{display: none;}
p.mob_bio{display: none;}
}
 
 
 
 
@media screen and (max-width: 736px) {
     
     
    .d_con_rela{position: relative;
    .top_bg2{.d_con_width{position:inherit;}}
     
    }
     
    .top_prof p.pc_bio {display: none;}
    .top_prof p.note_bio{display: none;}
    .top_prof p.mob_bio {display: block;}  
     
}
 
@media screen and (max-height: 900px) and (min-width: 737px) {
   /* 高さ900px以下の場合 */
     
    .top_prof p.pc_bio {display: none;}
    .top_prof p.note_bio{display: block;}
    .top_prof p.mob_bio {display: none;}   
}