Lucky Star:Test Master

2018-05-15  本文已影响0人  小太阳_955e

A simple constellation test software, a very practical horoscope app on iPhone; tell you all the secrets about the constellation: constellation features, constellation stories, constellation origins, men's constellation, woman constellation, constellation love, blood type and constellation, Goddess said constellation , Constellation truth, a full range of the most comprehensive interpretation of what your constellation represents, heralds what. Are you expecting love, career? It will be a good choice for you to take the initiative to attack at the right time. Welcome to download experience!

Display screenshot:

Technical code display:

@media only screen and (min-width: 241px) and (max-width: 320px)

  html

    font-size 8.53px !important

@media only screen and (min-width: 321px) and (max-width: 360px)

  html

    font-size 9.6px !important

@media only screen and (min-width: 361px) and (max-width: 375px)

  html

    font-size 10px !important

@media only screen and (min-width: 376px) and (max-width: 384px)

  html

    font-size 10.24px !important

@media only screen and (min-width: 385px) and (max-width: 414px)

  html

    font-size 11.04px !important

@media only screen and (min-width: 415px) and (max-width: 480px)

  html

    font-size 12.8px !important

@media only screen and (min-width: 481px) and (max-width: 600px)

  html

    font-size 13px !important

@media screen and (min-width: 601px)

  html

    font-size 14px !important

@media only screen and (min-width: 1024px)

  body

    // max-width 600px

    margin: 0 auto !important

@import "variable"

html

  text-size-adjust none

  touch-action none

  font-size 10px

  box-sizing border-box

  font-family "PingFang SC"

body

  position relative

  word-break break-all

  user-select none

  touch-callout none

  overflow-y scroll

  background $body-color

  -webkit-tap-highlight-color transparent

html,body

  width 100%

  height 100%

html, form, button, input[type=text], input[type=password], input[type=tel], select, textarea

  tap-highlight-color rgba(0, 0, 0, 0)

  appearance none

  padding 0

  margin 0

  box-sizing border-box

body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, th, td, div, figure, header, section, aside

  margin 0

  padding 0

  box-sizing border-box

a

a:visited

a:active

  text-decoration none

  outline none

  -webkit-tap-highlight-color rgba(0, 0, 0, 0)

  color currentColor

em, i, b, h1, h2, h3, h4, h5, h6

  font-style normal

  font-weight normal

input, textarea

  line-height normal

  outline none

  border none

  padding 0;

  font-size inherit

  box-sizing border-box

  -webkit-tap-highlight-color rgba(0, 0, 0, 0)

textarea

  width 100%;

  resize none

  line-height $default-line-height

  padding 0.5rem

button

  background transparent

  border none

  outline none

  cursor pointer

  -webkit-tap-highlight-color rgba(0, 0, 0, 0)

ol, ul, li

  list-style none

img

  border none

  vertical-align middle

::-webkit-input-placeholder

  color $font-weak-color

.swiper-pagination-bullets

  bottom .4rem !important

  .swiper-pagination-bullet

    width .6rem

    height .6rem

    background #d3d3d3

    opacity 1

  .swiper-pagination-bullet-active

    background-color $theme-blue-color

.page

  position fixed

  width 100%

  height 100%

  top 0

  left 0

  background $body-color;

  overflow scroll

.loginPage

  position fixed

  z-index 4

  top 0

  width 100%

  height 100%

  overflow auto

  background-color $body-color

.page-warp

  position fixed

  width 100%

  height 100%

  top 0

  left 0

  box-sizing border-box

  overflow scroll

  -webkit-overflow-scrolling touch

.loading-container

  margin-top 4rem

.splash-box

  position fixed

  width 100%

  height 100%

  background $theme-white-color url(/assets/image/splash.png) no-repeat center bottom/cover

#content

  p

    margin-bottom 2rem

  img

    width 100%

上一篇下一篇

猜你喜欢

热点阅读