|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 6 C# E1 C. g5 L0 ?0 ]& }! k8 j! Z
具体CSS代码如下， 请教改如何修改？
9 q- C; {$ `# h1 Z9 Xbody {. Y5 } R z1 _$ Z' q
background: #d8d8d8;
6 o7 X3 q0 |7 v' C font-family: arial, tahoma, verdana, sans-serif;
$ q5 m3 N( N6 Z0 h/ v font-size: 14px;
2 p) X! v. ^$ @+ A! r8 b color: #616161;
" r! [1 H3 x3 U" \, v2 R; [. _ margin: 45px 0 0;
6 N2 o8 c* M k! I- {}& I3 P& ?- }: E* ?
img {
$ c. Z J ]) B0 t& ~+ y/ G | border: 0;
9 s6 [% G" p$ ]5 L% }}2 _; ^+ P" o5 c) O& M# c- j
.clear {
6 ^- U+ `0 V2 ~: V9 I. I clear: both;6 y k" s6 N( I7 v- T3 e E9 O
}3 f G" s5 n" G6 p1 ~' U5 u
#wrapper {) r0 x& k5 @! B5 e
width: 852px;
. E$ [3 J) T! Q+ G) u margin: 0 auto 0;
0 b0 e* l0 N6 y$ A. X% |}) m! [ E, _) C1 [1 u3 c# P0 a
#header {
5 j) P( i- d6 V9 ]) o+ s9 o background: url('1.gif') no-repeat;7 Y2 v0 F) g- t
height: 113px;
; ^& b! [' q$ s8 u: P}
) B. G% R- d9 s# s. \#header a{ display:block; height:113px; cursor:hand; }
$ o+ _( y4 _) Y7 r6 ~! W4 ^6 [#content {7 s9 L4 B0 E# ~2 |8 j" d
background: url('bg.jpg') repeat-y;' L, h, C/ N& o9 ~3 c, d
}8 B! Y0 J& X. n$ a
#contentbottom {: u k# A/ k$ q! H/ [4 q& w8 u
background: url('contentbottom.jpg') no-repeat;
# M6 S& C9 b) @2 {, g' v height: 6px;
: h% [* w% A; H, J- E/ J1 s( ^7 @}; Q5 n, B% k- e3 U1 j
#col1 {! `; y! s+ s/ y, i
width: 411px;* }7 T# r+ W1 }9 P1 V
float: left;
. \2 F4 d$ @7 ]1 w1 f3 e padding: 10px 0 0;/ R% w8 E H% q0 N/ ^8 B+ J, X# n
}
$ ?1 p( ^3 F1 K' g0 o.girlspic img {7 v# q- |4 l% Y4 Q# ~. Z
margin: 0 0 10px 10px;
: ]. c% l: U! t2 l% ?9 b; v border: 2px solid #111111;3 m. }4 r4 H6 J& Q' `: g1 }" X% Q
display: block;( k) l) q, x8 M6 E: x; q% G
float: left;
: E) W: R6 f% g1 U% ]- E" i! C}0 B, W3 D8 T' s
#col2 {
" w7 D; e" p- r( D width: 399px;: u* C, i" N6 k2 J
float: right;1 d2 u7 O! a6 i! Y$ `
padding: 20px;8 N8 A9 U) d# d- V& w
}+ n+ s* F9 P! v0 {4 M- S! }
#col2 h1 {
$ J( ?8 @% t( f# k5 b font-size: 22px;& t; @( p$ N' Z! i9 M$ ~9 n
font-weight: 100;
% F+ L. O8 l6 \2 `5 K% m6 _; Y6 [ color: #0053cf;/ i9 H( q6 k w' R @
margin: 0;
0 v1 |7 q c7 `; z6 I. f}3 ?* |& _. s3 m1 Y9 N
#col2 p {- y( w6 _( i5 [: i& g( J
margin: 0 0 10px;
) l! p$ b( D# ~& J7 _/ h! Z line-height: 18px;5 A* K6 v$ }8 b" M3 f
}3 m1 P. j. f% |: ~+ s2 Y5 w
#col2 ul {/ h! V- ?+ \* k: ?9 u
padding: 0 0 0 30px;. o' }, S; T3 i5 ]- \- m, }" A! @( s
}! {2 s1 K* q2 ?( I$ I% e( m
#col2 li {2 E" j9 d2 g1 o/ l3 h+ m
color: #0e0e0e;. x3 @- L& l( X; X
margin: 0 0 20px;) }* [& K+ g" y/ ?' F
font-size: 18px;
, w" Q0 w# ^7 e1 J( F font-weight: bold;: p k7 k: M8 `% z( I* V6 Z
}& | E9 R) `! d% u" L; S
#cta {
8 K c+ j# T) k: o) r text-align: center;
# a0 \$ X8 F) b" _' @4 H( u" [}
! n, }+ J2 Q: a; @- M- f% C/ D# P#footer p {/ Z3 b5 ^$ m& n; U- b
text-align: center;
D- E9 a# j& S6 w6 O# x margin: 0;$ G0 K" P S, V& Y/ Z5 U# p4 A
padding: 10px;$ E/ E9 H* n O0 _; {
color: #8b8b8b;
4 H1 l7 i9 G- Z6 h+ B ? font-size: 12px;# F" X$ |3 a M3 T( c6 t, O; X
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
