|
|
一个LP,在手机端打开之后怎么都不能适应屏幕大小 * \1 i* P2 u; w8 H' {$ M
具体CSS代码如下, 请教改如何修改?# s+ }0 h1 Z9 c u+ z
body {+ b3 o0 n' u9 k1 X% v
background: #d8d8d8;
$ s, v5 K% c, u. T font-family: arial, tahoma, verdana, sans-serif;) n T* {- [3 [8 r5 I p4 a% a
font-size: 14px;
' ?% s& t+ @8 _& G3 o; p! H color: #616161;
& e4 V$ M2 j" N' H: Z+ F x1 i margin: 45px 0 0;& P% B% w ?4 O& |/ d% d/ B
}9 B* W8 e" r) u
img {% b8 L, p# J" h5 y) ^
border: 0;
0 w7 h9 F5 G! d) x8 j5 T2 ~1 f( }}# x1 P: s0 |1 m4 X4 D; J
.clear { ) D. M& @/ _7 c. B" E! b$ R: W/ O9 B
clear: both;
) N+ R6 [4 A( l}
8 N+ q3 C; K* K! O0 z, Q#wrapper {
# n( M7 O5 e: G( @7 o- u width: 852px;* ]/ q$ m! R+ {2 O' M# C; m) b
margin: 0 auto 0;
& X3 \4 A+ ]: q L}
8 f5 c( i" t, T: T6 ^& B#header {
& R4 E3 K* `3 n( @7 ?9 ? background: url('1.gif') no-repeat;
% k' k& p; @8 U- H8 ~ Z height: 113px;! K/ b' ]7 p8 V. ?1 {& u8 ?) O) r# u. A; b
}
) I6 ]8 w; [3 C `! x6 s#header a{ display:block; height:113px; cursor:hand; }
1 {* B; N# E) Y- a! \#content { ~0 T. ` E2 W0 ?' \
background: url('bg.jpg') repeat-y;) B* J9 {, D; ^$ s6 G6 U. e
}$ f- J) Z7 e3 U& k( J% o
#contentbottom {
; Z8 [5 m. F3 K7 ~ background: url('contentbottom.jpg') no-repeat;
/ Z& r2 m) G2 H! ` height: 6px;' _4 d2 ?& P) H! {
}+ d7 _5 d. H- a6 j5 D# ?
#col1 {
: y. G& J( e! J/ ]4 d( V width: 411px;1 \4 \$ o! u! Y+ b! Q! x
float: left;& j5 G& B6 c/ K+ K0 p' E% A) I" I$ N
padding: 10px 0 0;
- y5 c* {- [, {& n) v- V}
9 ?" ]* o3 L1 t6 U6 ~.girlspic img {, E: [( T4 k- X
margin: 0 0 10px 10px;
1 }. q7 |5 ?+ P border: 2px solid #111111;; E1 L) W. r8 {4 l
display: block;
0 l7 N+ q% D. @ float: left;+ T. ^$ N, X# ^: J. s1 D+ ] W5 C
}
$ B1 X4 N# v5 m9 J/ d" j" D! |. y/ e#col2 {
: v5 H2 G9 r/ m3 G) B width: 399px;
+ _2 L/ u& i* t8 B float: right;/ A( b2 _9 ]9 h; U6 T5 m U
padding: 20px;8 u8 h8 Q7 |0 C" }$ J. T) i
}
, b4 s- t; v1 b9 T9 A5 H& J' M#col2 h1 {
0 O _; m9 Q: V* M$ e font-size: 22px;( e i. x& b/ P" _+ d$ r$ c/ Z
font-weight: 100;$ W' I* e# q5 y; ^* X [. ~& w
color: #0053cf;$ L/ g- T0 I5 `8 P) b6 ]
margin: 0;
( a: ~0 k& x7 c5 x/ `7 E}
/ N) D* o% ?; }6 l5 T#col2 p {
2 L) _7 U' r, l) z# U& ^+ A margin: 0 0 10px;1 d2 [! d9 h$ y
line-height: 18px;1 d4 s# I4 j7 l4 }
}3 o- v& H: C9 m# \( K; K
#col2 ul {0 y8 L0 K8 `* f3 W$ w5 t6 o# V
padding: 0 0 0 30px;# C- d5 V6 v6 A7 U$ G
}
' N, ?5 m6 W b#col2 li {5 M O+ o% T( ?* ?" A2 E
color: #0e0e0e;
* u5 k9 Z, o; G; {5 M: U4 Y margin: 0 0 20px;. u( q+ u! ?. s; F& y$ E
font-size: 18px;
( |. {6 P+ m3 n, F% ?0 f font-weight: bold;# }/ O7 U- {( t
}
4 E% |; @/ i" W: e# l#cta {
& X: Y5 W) B3 I1 f: A( R& p+ v text-align: center;
7 t9 |& G* G0 I+ I8 S: i}% X t( C# U( O- u
#footer p {" J' E/ J' i* |
text-align: center;2 h, _: F6 N' O k( O4 l$ X6 _$ z
margin: 0;, l0 E" e# v( N1 i! D. d/ Q+ Z/ N
padding: 10px;% G% x1 |3 ^( X9 P2 e* N- g+ w
color: #8b8b8b;" u9 B( Q8 r6 l; u. _! y
font-size: 12px;
$ x2 F' M2 D4 w& H} |
|