Authored by ccbikai

H5 限制整体宽度

@@ -27,13 +27,15 @@ @@ -27,13 +27,15 @@
27 <link rel="apple-touch-startup-image" sizes="320x460" href="http://static.yohobuy.com/m/v1/img/startup/startup.png" media="screen and (max-device-width: 320)"> 27 <link rel="apple-touch-startup-image" sizes="320x460" href="http://static.yohobuy.com/m/v1/img/startup/startup.png" media="screen and (max-device-width: 320)">
28 </head> 28 </head>
29 <body {{#if isPassportPage}}class=passport-body{{/if}}> 29 <body {{#if isPassportPage}}class=passport-body{{/if}}>
30 - {{#if systemUpdate}}  
31 - {{> updata}}  
32 - {{/if}} 30 + <div class="main-wrap">
  31 + {{#if systemUpdate}}
  32 + {{> updata}}
  33 + {{/if}}
33 34
34 - {{> header}}  
35 - {{{body}}}  
36 - {{> footer}} 35 + {{> header}}
  36 + {{{body}}}
  37 + {{> footer}}
  38 + </div>
37 39
38 {{#if devEnv}} 40 {{#if devEnv}}
39 <script src="//localhost:5001/{{module}}.{{page}}.js"></script> 41 <script src="//localhost:5001/{{module}}.{{page}}.js"></script>
@@ -53,6 +53,13 @@ a { @@ -53,6 +53,13 @@ a {
53 overflow: hidden; 53 overflow: hidden;
54 } 54 }
55 55
  56 +.main-wrap {
  57 + margin-left: auto;
  58 + margin-right: auto;
  59 + width: 100%;
  60 + max-width: 640px;
  61 +}
  62 +
56 @font-face { 63 @font-face {
57 font-family: "iconfont"; 64 font-family: "iconfont";
58 src: resolve('iconfont.eot'); /* IE9 */ 65 src: resolve('iconfont.eot'); /* IE9 */
1 .yoho-footer { 1 .yoho-footer {
2 - margin-left: auto;  
3 - margin-right: auto;  
4 width: 100%; 2 width: 100%;
5 - max-width: 640px;  
6 font-size: 24px; 3 font-size: 24px;
7 background-color: #fff; 4 background-color: #fff;
8 position: relative; 5 position: relative;
@@ -20,8 +20,6 @@ @@ -20,8 +20,6 @@
20 height: 90px; 20 height: 90px;
21 line-height: 90px; 21 line-height: 90px;
22 z-index: 1; 22 z-index: 1;
23 - max-width: 640px;  
24 - margin: 0 auto;  
25 23
26 &.boys { 24 &.boys {
27 background-image: linear-gradient(#323232, #414141); 25 background-image: linear-gradient(#323232, #414141);
1 .sale-page { 1 .sale-page {
2 - margin-left: auto;  
3 - margin-right: auto;  
4 - width: 100%;  
5 - max-width: 640px;  
6 overflow: hidden; 2 overflow: hidden;
7 3
8 .banner-top .swiper-container { 4 .banner-top .swiper-container {