1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- body {
- min-width: 320px;
- max-width: 750px;
- /* flexible划分了10等分 */
- width: 10rem;
- margin: 0 auto;
- line-height: 1.5;
- font-family: Arial, Helvetica, sans-serif;
- background-color: #f2f2f2;
- }
- a {
- text-decoration: none;
- font-size: .333333rem;
- }
- /* 如果屏幕超过了750px,那就按照750设计稿来走 */
- @media screen and (min-width: 750px){
- html {
- font-size: 75px !important;
- }
- }
- /* search-content */
- .search-content {
- display: flex;
- position: fixed;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- width: 10rem;
- height: 1.173333rem;
- background-color: #ffc001;
- }
- .classify {
- width: .586667rem;
- height: .933333rem;
- margin: .146667rem .333333rem .133333rem;
- background: url(../images/classify.png) no-repeat;
- background-size: .586667rem .933333rem;
- }
- .search {
- flex: 1;
- }
- .search input {
- width: 100%;
- height: .88rem;
- outline: none;
- border: 0;
- margin-top: .133333rem;
- background-color: #fff2cc;
- border-radius: .44rem;
- color: #757575;
- padding-left: .733333rem
- }
- .login {
- width: 1rem;
- height: .933333rem;
- margin: .133333rem;
- color: #fff;
- line-height: .933333rem;
- text-align: center;
- font-size: .333333rem;
- }
|