|
|
一个LP,在手机端打开之后怎么都不能适应屏幕大小 ' k9 j+ a- d& l( k
具体CSS代码如下, 请教改如何修改?5 T7 F, P" p: M# G
body {
. f2 O5 f5 Q" g& g0 V! P. V' g+ l background: #d8d8d8;% W3 m# x3 H0 W" }4 r* k2 E' d
font-family: arial, tahoma, verdana, sans-serif;
( F3 m% | V3 K4 k font-size: 14px;
7 K r6 m7 A" Y v color: #616161;; h: S+ g) x5 T6 X! C! T
margin: 45px 0 0;% a( R" a- V" A' B6 }
}
9 z! v2 R; o8 G1 f# F8 }img {/ t+ \6 N! R, N* q" @$ U/ f
border: 0;
& ?9 D4 f# t( c. ~ q}
% G; V: `% B" r' a, ?.clear { " C/ Q- H# X0 O* D& j1 `
clear: both;3 G, j' h c) w: _: [: ^
}6 m/ P2 \ w; K7 Z0 q" l
#wrapper {
# |1 ~8 v9 v9 B; _, ^7 V: I+ R width: 852px;; p5 `# f& F- I+ q0 M( J* G
margin: 0 auto 0;
+ D1 c. Y8 l' T4 c8 o% f) O& h}( e" a! e% Q- a, j
#header {* O1 Y7 d4 D/ Y
background: url('1.gif') no-repeat;- E+ z- U+ W+ q6 C
height: 113px;
/ x1 N* k- g; |) x$ ^2 [}2 g; @$ l" `3 n N, D8 G( h/ M
#header a{ display:block; height:113px; cursor:hand; }+ _; w4 s3 I+ n4 |* e
#content {4 G2 V- z2 P0 @8 Q
background: url('bg.jpg') repeat-y;
8 J7 g+ H9 H, J7 N, y' `}2 U% |9 A' T+ f0 T! V$ B
#contentbottom {3 {1 r- A) q- E' e
background: url('contentbottom.jpg') no-repeat;. B' R6 e3 ^' n+ a7 n/ ?
height: 6px;
; t. u0 P9 A( l}. j3 r5 T# O- Y
#col1 {9 f; U, @2 G6 w. V
width: 411px;
' m4 f H# O- l6 O; ~" f& M float: left;
/ `8 l3 @9 ~2 _ R% f( ? padding: 10px 0 0;
& I! J: I/ S- ]) A) h9 j}
8 y0 q& C: K, w3 @.girlspic img {
# h: I# e' U ^5 \ margin: 0 0 10px 10px;$ O6 B+ M% b7 A# N. ~8 x1 o
border: 2px solid #111111;
4 l7 S: ~1 L% M5 H display: block;* A8 }- {8 x" @' U( {/ G
float: left;+ `: u; m4 b, N
}8 _$ Z# \, l% p8 K2 m
#col2 {
- q ~; y" G( Z2 x width: 399px;% Q% h# }: j3 [/ s) H
float: right; Y+ s( u; c; o& l. Z! F) u
padding: 20px;9 p9 U( M K, X* V$ i
}
1 B( s1 t! c7 x& g#col2 h1 {
$ z s; X/ f5 p/ s7 p5 u7 U& Y% x font-size: 22px;
5 @6 O6 i. Q7 G% ~6 u8 \- ~7 R font-weight: 100;0 T4 F; o* W* u" t5 ~+ `# P
color: #0053cf;
8 K% ] b2 |' b4 @' j margin: 0;/ r8 I( o- i& O6 e
}$ A+ n8 T- A8 Y) Z4 h" B
#col2 p {
! s% E- d$ i9 T; } margin: 0 0 10px;5 y$ s% u3 l1 G$ }$ `% i
line-height: 18px;
1 E0 |9 H5 S# v( n# D}& Y* {: ~. I0 J3 p3 `( {
#col2 ul {! Z4 U* B& j7 F3 t$ Z+ f
padding: 0 0 0 30px;
# _1 ^6 x4 B7 s+ z% w}
7 `2 u! p1 l8 E. e. j#col2 li {
( S- L! D, ^: n5 Q color: #0e0e0e;
2 j' D+ ^) G0 w5 x margin: 0 0 20px;
- v9 |/ |/ u! f font-size: 18px;
0 y3 M4 T5 P& Z( y font-weight: bold;
3 k" M) d% y; ~' V. t}
6 n, T3 P e6 @7 ^& D% T#cta {% U1 D$ I: `7 `7 J
text-align: center;
$ `) h$ B/ h9 D, H# W9 v. U9 G}* q* y+ z. ^& y( O, V
#footer p {
3 l. Y4 A8 d9 v% A8 m; A4 t text-align: center;: J2 K, E: c" g/ v/ B U" ]) l! I
margin: 0;
$ \# H; y! }; \/ v0 u padding: 10px;: D) f! n: _- r2 ]( V% r# d
color: #8b8b8b;
' @. I0 a% ~. |0 j. E+ h font-size: 12px;6 S3 R$ l5 O6 ^# |9 j0 j1 N# G/ l
} |
|