|
一个LP,在手机端打开之后怎么都不能适应屏幕大小
8 s/ T- l6 {- ]5 o具体CSS代码如下, 请教改如何修改?1 T5 ^- v1 z" F" o0 h; t C
body {
7 R# v3 m4 s, @6 W2 D& |& W O background: #d8d8d8;
( w7 f" s, c% ]' h/ j8 F font-family: arial, tahoma, verdana, sans-serif;
2 W# I. k8 u6 f5 I# x font-size: 14px;) K0 W N4 }. h. D% R
color: #616161;
" X% q, |+ t% Z6 V2 c/ Z/ e margin: 45px 0 0;0 n' ~3 T1 A4 D( d" _/ Y* u
}
& c: N8 v9 s9 }% Y, f3 v0 Fimg {
. R; g' n! |3 u; W. Z4 q& v/ o border: 0;8 }7 z0 h7 _5 g& O
}
- A. [/ }6 A1 I% F4 c.clear {
0 f2 ^7 p8 B4 K: @" R* x | clear: both;
# F: I' f N0 a9 h- d}5 K0 M( ]& m; F# ~" \% s
#wrapper {
! T' M* R9 Z4 ?+ d) ` width: 852px;* B* ^; o& {! _& F+ r& m# H8 s7 z
margin: 0 auto 0;7 i2 F% _" [2 C5 y$ ?
}5 P' ~5 ^, q3 e5 L+ j' \8 B4 y
#header { O( \( \, b! o3 ?) F; }3 q* Q" u# s
background: url('1.gif') no-repeat;' c& m1 [9 u( z4 \) c% G
height: 113px;# r" U: ~, G6 |# ^ x5 V
}$ k# a% c! L, C" L" t
#header a{ display:block; height:113px; cursor:hand; }8 l" i* E% m' ]1 g3 E* x: @
#content {
# ]' v5 [, R+ m4 s+ N1 S background: url('bg.jpg') repeat-y;5 d( `# Z$ D4 L& y* ^. e
}
. Y/ k* i/ J0 Y! a3 o/ I2 D% h9 k#contentbottom {
% B5 j' }0 G1 O: ?/ y# S5 y& G background: url('contentbottom.jpg') no-repeat;
3 c+ ~) f& h$ o$ B u9 h% W! U height: 6px;
7 T* G0 b$ l4 Q}
1 I. J- B, L7 y$ X#col1 {' T, @1 h: Z5 T" m3 c% Z
width: 411px;* U: N5 R5 X: A
float: left;8 B. X" C. m R/ s4 G% [/ \, S
padding: 10px 0 0;
% {/ N/ |0 S/ f}
" L' J$ k7 i# N4 p6 z$ c. T7 w.girlspic img {
# r, w9 o f' X* D7 r, V margin: 0 0 10px 10px;
# }, P p; s3 U$ z5 P border: 2px solid #111111;% Y4 W0 a( c$ [2 z7 _/ S3 i. }
display: block;
5 U6 R. b6 j% s8 a) v6 [/ ] float: left;
3 e. ?' n6 u. P1 f}
" H; ^7 t# o2 Z% K* v! F#col2 {
- Q! x, z6 ?* H4 O width: 399px;
" ^$ H; {7 P8 a5 Q2 X float: right;. N3 p( }) K: O
padding: 20px;# u4 c0 Q6 @2 b/ h, `3 a
}
# Q4 i) x* P; }: c+ e#col2 h1 {
" o" Y* f. n2 Y6 n! v0 e; q4 C) Y: l font-size: 22px;
& W( a. |& c8 r; k5 g font-weight: 100;
; S! }$ U4 N: v! s color: #0053cf;; T6 b& _" X* L" |/ y) K
margin: 0;
/ L- N1 M: J& l}
! f& L- w* p6 W0 Z4 t9 ]" y#col2 p {
- ~( t+ L' a& ^8 [) U) j7 { margin: 0 0 10px;0 C/ {" w2 E7 s7 Q
line-height: 18px;
; n: `/ V; | _5 [+ h' u1 X( T, `}
4 E+ n# x% u* E# f! y- m#col2 ul {
# I' C; @4 _- d/ I+ { padding: 0 0 0 30px;1 J/ r, r$ y2 T, g# C4 f7 n
}1 G, e) p: f6 N3 ~, X
#col2 li {
+ u5 ^* W3 X& q \4 t" E4 T color: #0e0e0e;2 w, A& t8 H: {: E' M: a. p
margin: 0 0 20px;
7 b+ S# |+ X+ A7 B: N2 z font-size: 18px;& w; h: h5 k8 y* t* j3 @
font-weight: bold;6 N: P; p: J! b; ~; v' }! Y
}! z7 m4 c& z! _; j2 C" |# e3 Z
#cta {
4 ]6 X M: n( p- A text-align: center;
, R' \0 g( m! k$ P}' ^# O) F/ e$ Q w
#footer p { ?; E1 C- l" Q; T
text-align: center;+ f7 {; j' j& D6 {
margin: 0;6 m0 B8 e1 A& x* u
padding: 10px;
/ M. a [- l* }+ x) X, R2 B color: #8b8b8b;/ ]' L/ E$ S" ^3 r& Z
font-size: 12px;
d% a* l5 Q) g2 b6 m} |
|