|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小
8 n6 Y- l0 b2 l! H2 p3 L/ c具体CSS代码如下， 请教改如何修改？
( j9 r( _2 |( { e2 o0 rbody {
8 ~; }& y- Q/ o: V background: #d8d8d8;% X, T2 i/ W: l* g* t6 |) q3 {
font-family: arial, tahoma, verdana, sans-serif;
( ~: R2 j6 l2 V6 m& ?$ } font-size: 14px;
- v' V1 A" d+ U1 L9 k. T color: #616161;
9 @2 u1 E6 V! z# t margin: 45px 0 0;
8 w& q7 F! }& T7 d9 C+ H}; ~% q+ s- l. C% ~- d% Z0 r+ _/ g
img {
: z; J/ k d. k4 r7 h$ R border: 0;4 m) y- @+ c8 Q2 N4 a
}3 b" O+ j7 C, d& w5 _7 S
.clear {
j8 b; C+ O; C clear: both;
5 q6 _% Z T8 i/ f8 j+ ~! z}% }2 Y0 [; |, w1 Y8 O2 [
#wrapper {- h0 f% l% g3 ?) j7 g
width: 852px;
4 _6 `* k- y8 J margin: 0 auto 0;
- j3 W1 X {7 M j# m; K' D}" i/ @/ w3 x* K3 H
#header {7 T% c/ U% r" k" @( E% k/ q
background: url('1.gif') no-repeat;
$ o1 m: X+ x. _, K T height: 113px;7 ]) C8 s T3 M4 B
}- U, Z+ V* u$ ~7 x6 w" U
#header a{ display:block; height:113px; cursor:hand; }
8 g( U B- K, O0 U( v7 s: o) M#content {
' u9 l" E: _( h0 q) E' M: } background: url('bg.jpg') repeat-y; J; V% g: ?4 ~. ]# [9 M
}0 g! o* t. f' N
#contentbottom {/ m* d" l, ]& o v! f# O
background: url('contentbottom.jpg') no-repeat;7 [" I$ n/ C( b/ H/ l; I3 \
height: 6px;2 O% g' q5 }% z) Y
}) q+ A) q: e( j4 ]0 O9 @) r
#col1 {
3 h& d/ Y, _+ J( A* L p7 V/ a width: 411px;" a; _: s- s O9 ]
float: left;
" y7 Y4 n; P* @ `$ o1 O& Q9 A1 V padding: 10px 0 0;
% n. _6 {- X6 A' j8 N# s9 C}
8 Z* p: u0 e8 l! w$ L% p.girlspic img {6 Y* `- \% Z9 C! t9 p. Q e' q; W# e. z
margin: 0 0 10px 10px;+ L& p6 O8 b. l
border: 2px solid #111111;
8 J- ]4 F; O' z V3 e display: block;
/ K1 g% e& K& }0 f8 Y. r7 k float: left;
P2 l# p" M. k* d/ e: \}. b. B7 W% j& s- ]$ ?1 d+ Q* q& W! t2 @
#col2 {
, P* T! V& r! J2 w0 f! }" U5 P width: 399px;
8 O" |* g& C' F- a# v0 L9 e2 ` float: right;
* q3 ~9 i" [ O) U% m6 r padding: 20px;' V# d! v% a& u0 }2 Y+ d$ W6 P
}
5 g+ H9 Y/ X% c* `#col2 h1 {
, K) W" }( G& [& ] font-size: 22px;
7 n W( C' i/ R font-weight: 100;- o' C4 |' E. V- o" a
color: #0053cf;
2 ~6 T$ E- x( K" |6 a margin: 0;
& H3 v3 U0 H% R" p9 |2 J}
( a9 i7 ]! B+ G( N0 h' j( ]: c#col2 p {- X' h. v( n" g6 b" z, O' V4 _
margin: 0 0 10px;2 {- k d6 w1 r, D8 g0 V; {+ d n7 V
line-height: 18px;" t; V) m4 f! E4 j9 C1 v
}
% m8 x' ]$ A) L1 V#col2 ul {, Q4 A# _# |* d0 B" e* T" g
padding: 0 0 0 30px;
) @' q$ ]2 z4 f9 f}
( T4 E: x# J" a#col2 li {0 E! L3 c) M* U3 ~' R
color: #0e0e0e;+ g9 J7 T; q% u. l& ^* C2 t
margin: 0 0 20px;* J( D8 N0 l- C9 e) {' t+ Q
font-size: 18px;2 @ E5 |4 p4 c* c% \
font-weight: bold;! V& O! [, D+ l* e0 M
}
6 j$ d4 @1 ~* Y% h$ z1 B) s#cta {
}# n" ?2 I; i* r4 { text-align: center;% L# Z' }6 D% E% G$ U; v
}% q! \8 Q& w9 j. ^3 ~$ Q: n
#footer p {4 Y4 I1 s' q, ~' k* \& X
text-align: center;& ^8 S* v* R' x
margin: 0;
8 U( w D! i! \' Q1 ?: {1 ]' k- x padding: 10px;. d1 E8 p/ j' J
color: #8b8b8b;1 j% L6 b; d( s" O
font-size: 12px;5 U* H# T9 c" ?9 j' U9 t
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
