|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小
5 w* C9 H) g* H4 v. o0 ?( O4 u5 H具体CSS代码如下， 请教改如何修改？& N( K. ?' z9 x9 d
body {
0 v. X4 @5 V4 R* {+ e background: #d8d8d8;( O. S- X6 v% d! D8 _% r$ f) E
font-family: arial, tahoma, verdana, sans-serif;3 l' n. u9 }6 |% a7 O6 }
font-size: 14px;
; C, f* O# R: f6 d. n color: #616161;9 d& f" w/ L8 o$ p3 V
margin: 45px 0 0;9 Z1 Z! P( q! g1 n/ V1 Y2 t
}
* i9 ^6 j. E! `8 D% eimg {/ b: i! K$ D' o" T; D6 c! k
border: 0;
- F! k2 e" h, y# V}# n) d ~# C: l7 B
.clear { : |8 o) R3 S9 T9 C1 V
clear: both;% Z- A9 L9 Y0 q2 g/ w
}, e! d5 k' I5 c0 @+ C# r6 v# Y. r
#wrapper {6 y5 N, f4 z; o) ~4 { s; E+ q
width: 852px;7 m) }% E# d+ M
margin: 0 auto 0;2 f) N: c+ p. J
}. ]8 u/ D* i4 \
#header {! n- P" [( h% G
background: url('1.gif') no-repeat;
+ M" f1 q$ U8 j, h& p- d8 r+ r1 M height: 113px;
5 }% {% v+ t1 K, X+ v( x}8 |. m" ?/ d5 ?+ {. l8 M
#header a{ display:block; height:113px; cursor:hand; }4 u5 X" V% b, f& E$ J. r" V, G# J
#content {0 C! J8 C* k& u1 M4 U
background: url('bg.jpg') repeat-y;; _) T6 Q- d5 }: v3 w
}
Q% y0 A4 E/ y1 t#contentbottom {8 M) _4 K2 y6 B, j% @4 p9 J1 c3 ^9 T
background: url('contentbottom.jpg') no-repeat;
4 v" ]1 V6 u5 f' ^" H: C5 ` V height: 6px;8 `) i! v: w8 V( U8 M
}
8 x( ^; J) c- T! P6 R) ?; K#col1 {
9 y1 W" }! z0 Y6 u' u1 Q width: 411px;
& [( ^4 ^3 I2 o! S* z$ v3 N5 b float: left; }! d. D9 `- d
padding: 10px 0 0;
' u% [# j/ A: U4 A; z} }5 F/ q4 X; b- P
.girlspic img {! e2 R1 K1 g4 l) a
margin: 0 0 10px 10px;
) N$ ], k: [( k border: 2px solid #111111;
3 J0 h* k0 l! T% \2 g" j display: block;: S# b; i9 m5 k0 Z, E! A
float: left;
$ u- @ S" u* G}
1 F: U N* I' W* {; h#col2 {
/ E: B; g2 t7 {; N width: 399px;: |( [1 f9 I. Y/ v
float: right;+ I+ B+ W5 H8 K; \5 k
padding: 20px;
1 u. d4 X- Q7 \, w}
+ q8 `/ n2 l! U#col2 h1 {3 O# N5 c7 R) x; n( X
font-size: 22px;2 @+ x! C- d( S8 R
font-weight: 100;
: f5 |# u' [; [0 ^( w color: #0053cf;2 y9 N! `. z8 `3 x+ g, r) L
margin: 0;9 `0 F, U0 F& F) \& b8 |2 t" `1 K. M3 F
}/ X% |1 I! d1 j4 @8 L6 K
#col2 p {# M3 z# Z6 M4 R4 R9 r
margin: 0 0 10px;
5 @6 U( [' W' ~5 L L line-height: 18px;
8 M4 R1 n7 }& J2 @* R}
4 z8 S1 O' a6 J2 N#col2 ul {
: O4 |# \. O3 i9 O8 r, J7 h padding: 0 0 0 30px;' i& P6 B3 R( N s, P: s* Z) q
}" ^( K0 c; J# ?/ _0 ^% n
#col2 li {' k' a4 R7 t8 ~8 J) z
color: #0e0e0e;. _! J) x% J! }& Q' g; Z
margin: 0 0 20px;
# y x$ \) |% W! c6 c3 T$ N5 q font-size: 18px;
, _9 {" p: Z8 c! O: ]7 p" i font-weight: bold;
. h5 n+ @( L! c0 d, p/ ~+ R}
$ u; a7 o, b. j6 X# S! m#cta {
; Z% w2 A: x, z, w text-align: center;# X: }; [% ]6 f5 k6 T& X
}
5 e9 a( ]# {! V( p#footer p { c1 P" ?) s5 F5 e& b( v
text-align: center;
+ W$ O( w& B4 Z8 r% t d# \ margin: 0;, }' w9 N; f5 J1 H) t% {# @
padding: 10px;
4 x7 a5 C( s, E4 r color: #8b8b8b;$ w* p1 T1 c, Z( F" @
font-size: 12px;% j4 n/ C9 S- Z! P8 E! f
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
