Skip to content

Commit

Permalink
小屏幕适应问题
Browse files Browse the repository at this point in the history
  • Loading branch information
@AyagawaSeirin
AyagawaSeirin committed Feb 4, 2020
1 parent b811c47 commit d00e71c
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 9 deletions.
5 changes: 5 additions & 0 deletions assets/css/detaile.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,11 @@
margin-right: 10px;
min-width:100px!important;
}
@media only screen and (min-width: 321px) and (max-width: 1024px) {
.rin-btn {
margin-bottom: 10px;
}
}
.rin-btn-blue{
border-bottom: 1.5px solid #28A9E0;
}
Expand Down
18 changes: 9 additions & 9 deletions detaile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<div class="rin-card-title2 mdui-typo"><a href="#fighting">#</a> 战斗力</div>
<div class="mdui-container">
<div class="mdui-row">
<div class="mdui-col-xs-4" mdui-tooltip="{content: '制作网站的能力:非常菜'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '制作网站的能力:非常菜'}">
<div class="mdui-container">

<div class="mdui-row mdui-valign">
Expand All @@ -45,7 +45,7 @@
</div>
</div>

<div class="mdui-col-xs-4" mdui-tooltip="{content: '赞美世界上最好的语言的能力'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '赞美世界上最好的语言的能力'}">
<div class="mdui-container">
<div class="mdui-row mdui-valign">
<div class="mdui-col-xs-4">
Expand All @@ -62,7 +62,7 @@
</div>
</div>

<div class="mdui-col-xs-4" mdui-tooltip="{content: '现用现学的能力:我太蔡了'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '现用现学的能力:我太蔡了'}">
<div class="mdui-container">
<div class="mdui-row mdui-valign">
<div class="mdui-col-xs-4">
Expand All @@ -82,7 +82,7 @@
</div>

<div class="mdui-row">
<div class="mdui-col-xs-4" mdui-tooltip="{content: '真的非常可爱√'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '真的非常可爱√'}">
<div class="mdui-container">

<div class="mdui-row mdui-valign">
Expand All @@ -100,7 +100,7 @@
</div>
</div>

<div class="mdui-col-xs-4" mdui-tooltip="{content: '让事情发生的能力'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '让事情发生的能力'}">
<div class="mdui-container">
<div class="mdui-row mdui-valign">
<div class="mdui-col-xs-4">
Expand All @@ -117,7 +117,7 @@
</div>
</div>

<div class="mdui-col-xs-4" mdui-tooltip="{content: '对他人的情感深度'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '对他人的情感深度'}">
<div class="mdui-container">
<div class="mdui-row mdui-valign">
<div class="mdui-col-xs-4">
Expand All @@ -137,7 +137,7 @@
</div>

<div class="mdui-row">
<div class="mdui-col-xs-4" mdui-tooltip="{content: '社交能力<del>(社恐</del>'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '社交能力<del>(社恐</del>'}">
<div class="mdui-container">

<div class="mdui-row mdui-valign">
Expand All @@ -155,7 +155,7 @@
</div>
</div>

<div class="mdui-col-xs-4" mdui-tooltip="{content: '做事情的耐心程度'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '做事情的耐心程度'}">
<div class="mdui-container">
<div class="mdui-row mdui-valign">
<div class="mdui-col-xs-4">
Expand All @@ -172,7 +172,7 @@
</div>
</div>

<div class="mdui-col-xs-4" mdui-tooltip="{content: '对这个世界热爱的程度'}">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-col-md-4" mdui-tooltip="{content: '对这个世界热爱的程度'}">
<div class="mdui-container">
<div class="mdui-row mdui-valign">
<div class="mdui-col-xs-4">
Expand Down

0 comments on commit d00e71c

Please sign in to comment.