|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 * m- E% k5 x/ R/ O: b
具体CSS代码如下， 请教改如何修改？
% {8 d4 B" y: H. K) p# b8 [ {body {0 a) A2 r: P9 H9 S7 F
background: #d8d8d8;: ]8 A5 ^6 |# x5 _6 z$ P! x
font-family: arial, tahoma, verdana, sans-serif;
7 n4 S( G) p Y1 g; l9 ~1 K font-size: 14px;
* M3 P1 {% s& \0 V1 M color: #616161;
" E9 y) Y$ _) y margin: 45px 0 0;
) Y/ k/ [. q' U6 `/ H8 R}- `4 ?# P# o3 y. d! D4 t
img {$ W3 |" v# N- S5 S
border: 0;
! d# N# Q9 W4 p9 W" [+ f1 p" [}" t: f( V( C r# ~) M3 T$ R
.clear { % Y* e) x$ O1 W: d) o
clear: both;5 H) g; } I9 N, w# K6 t
}
6 m& T% D0 @# @5 C9 ~" a: O" M#wrapper {$ }5 [( s% N/ [" g, U( W
width: 852px;0 g O( O- @7 ?6 P( M w5 f# \. }7 D
margin: 0 auto 0;" G9 [" q' O* ^! J9 F4 e
}5 \: q1 R4 k' T2 l; M
#header {8 I4 b7 e' `8 f s
background: url('1.gif') no-repeat;- k3 l7 s' s: r, @
height: 113px;/ k0 c1 V& p% l/ i
}' J. }0 y7 `* F; C6 ~7 C+ c' r- X' P7 }
#header a{ display:block; height:113px; cursor:hand; }4 T, M3 Q" o- y7 U7 P3 W, C
#content {
- L0 [3 ?7 I; A9 G4 Q' T background: url('bg.jpg') repeat-y;
- H8 K% J! q* D5 V# D: O}( y; ]7 a" h7 X
#contentbottom {1 [) [: V& I: ~4 E
background: url('contentbottom.jpg') no-repeat;
* H$ s+ [8 A% X x8 Q9 F9 [4 J6 w7 F height: 6px;6 C9 [) O; L8 D( F
}
$ i* Z' e% H4 b* l( m#col1 {
6 G1 C1 v' J6 d! S& u/ j1 a; J0 j width: 411px;
$ H. f6 T. O7 G2 N float: left;3 b# _! z% S. N2 F
padding: 10px 0 0;& i: p: ?+ A2 _ G# E
}# ^7 Y, ~0 k* ?' z4 \' r
.girlspic img {
0 ]$ w0 I& h( F: S6 ]% y margin: 0 0 10px 10px;
7 r& H0 [. A+ }( m' ]: P+ D( ]/ _; V border: 2px solid #111111;! e2 Y* R& e) D2 M. `% \
display: block;
; M1 h( i- N4 J float: left;- z _( i6 {! P- q& p8 W8 M
}$ n# U. w( F& A' U9 Z
#col2 {) P% n. Y) U, n. C3 S7 ]
width: 399px;
& J. z& h) M# a1 ]8 A. g float: right;
. E+ J6 ~) g2 [: ? padding: 20px;; T5 X3 L* a- S6 F) e( W. D6 V
}/ W9 h8 U9 `# t
#col2 h1 {
1 J( Q. }- _8 b% @/ ] font-size: 22px;1 F4 |7 `1 _/ w! u) g. Y2 l! j
font-weight: 100;( y G6 Y A9 X5 W0 S( W i
color: #0053cf;" C4 g" h) n' |4 Z$ L7 N7 c
margin: 0;2 N) J6 ?- c, k; g2 L. t
}
# s1 d7 p. P. [$ p1 b; S#col2 p {, r4 [+ A5 P* P% e) }3 G5 Y Z* M) X
margin: 0 0 10px;8 ^0 X7 K* \9 g" l# y) J, b
line-height: 18px;
/ N4 T; W) S& B) s}5 J" J5 q+ _, s! w
#col2 ul {7 I2 l# n& T: h9 Q6 m( e Q$ u
padding: 0 0 0 30px;" i" e" [8 d( Q: q9 z
}
^ q% `' y9 f/ f# I: D( M8 |#col2 li {0 V3 k9 A. `- O: V i6 Y' K5 w
color: #0e0e0e;
8 s1 p( r" I# S1 P margin: 0 0 20px;/ P7 c+ T/ X0 l0 K) x9 `
font-size: 18px;
7 a: }% C: v' m5 A# ?- m font-weight: bold;
' a! F4 W" v# m. P" i$ }}: c3 |) n/ u0 W( [/ u8 o% m
#cta {
* @9 |9 P t9 k6 n9 \4 L# M text-align: center;
2 e9 O2 ]# P% ]/ o- h4 {}& ^9 h4 i7 p7 x5 n8 K, m- ~
#footer p {
! J2 W c/ j; Y0 r1 L' S; q text-align: center;2 _" i/ Q! ~* \) Q9 c7 _
margin: 0;) S6 `& A5 E4 j8 |
padding: 10px;, g3 j' ~# @ X7 M" A
color: #8b8b8b; T4 h( V. |# Q( Y7 ]
font-size: 12px;6 V/ k1 T5 W$ X5 V( j
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
