|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 ) v; `! i. t' O& V
具体CSS代码如下， 请教改如何修改？
3 u, g% M y3 R% `2 L. I* o, R. Nbody {- k, o/ Z" R& k7 K
background: #d8d8d8;
# ~7 M6 t( l" C. S4 n font-family: arial, tahoma, verdana, sans-serif;0 t6 O0 v0 u; ~* H( M6 o& S9 E
font-size: 14px;
6 C* ?) u/ A! e color: #616161;
) z9 Z6 J) p3 X1 t$ v* a margin: 45px 0 0;2 s- G4 ~/ E5 C, B- @0 ]2 [
}" t$ G. @4 f8 N
img {, {) l3 G, A/ I: D$ n% T5 z
border: 0; g7 U: D+ g$ b
}
9 F/ h( i3 c. G9 _9 w: R* [.clear { , H; `- N0 V* n N2 J( C
clear: both;; z1 @ C, [7 Z! Q" ^& t
}
+ W8 h2 j! @- @3 F6 H#wrapper {3 [' q/ p1 b+ D/ ]" B; p H# u
width: 852px;
( c% `. d6 [! ]: m% H- s margin: 0 auto 0;5 G M) G) k" `, [- B2 D1 a5 a
}
& q4 Q3 y) p* m$ a4 A+ p#header {$ z9 S3 w" L4 z2 r- q
background: url('1.gif') no-repeat;
; ~& J: O+ ?+ t height: 113px;
# B, Y5 a. R% P}2 E/ ?3 z- U! f+ J% z8 }8 `
#header a{ display:block; height:113px; cursor:hand; }; o% h3 C, Z1 Q
#content {9 z8 G' m# A% u3 z" @0 P$ K+ R
background: url('bg.jpg') repeat-y;0 r) ]$ |9 M0 J* F$ G7 p9 c1 Y
}; V2 F! Z1 K2 Y$ J) O; z8 U
#contentbottom {# c( i' K" v) }! L6 K
background: url('contentbottom.jpg') no-repeat;
" C' Q. R, O; Z; r$ }# K' v height: 6px;
5 r: \/ ?7 S' Q$ @/ w( N# g) B; E}
$ |4 _# e! h) w, E#col1 {
3 F9 z: T! N! [* I* p width: 411px;
8 J/ H9 t/ n, h9 a d float: left;8 C; D7 T# q. w; U7 ^& Y
padding: 10px 0 0;
! I9 M- [ v z: X' X% [}' ~9 |( N& k& K' Y- o, E
.girlspic img {
7 r/ r1 P5 A5 y' P2 L2 `! b margin: 0 0 10px 10px;9 [3 `8 |% P# p1 q
border: 2px solid #111111;0 d4 D* n# S5 q1 ]# ~
display: block;4 V* @" s/ y- w/ ?* ^
float: left;8 O5 L# A6 T# `* s' r2 n- _" x
}! W! n$ ?- y0 q0 r
#col2 { S5 K. p; v! J" W% Z2 s2 a1 V
width: 399px;1 j) U6 i6 a" I+ |) z; d D$ D
float: right;/ r1 d! `: `! `! H( d+ q
padding: 20px;
* g. g! r: r1 _4 x}
' @( [6 f% C& ?& S) u#col2 h1 {: h. b, n* C k ~; h7 H/ F
font-size: 22px;1 C2 `4 u) l" b4 C' V
font-weight: 100;
1 R' j" b/ ?6 x5 n$ ~8 F8 L A" j color: #0053cf;, P9 Q T4 c1 E% W5 K" R
margin: 0;
" x6 k0 J" J& O/ A& `}1 w# d* W5 i: i; I! F9 z1 D
#col2 p {3 D# K, ]% _9 P! Z7 R& U
margin: 0 0 10px;
: d- D; [: _% B ?6 K& K9 Y line-height: 18px;
3 L- j# V. N6 G7 x}9 s5 K0 V [4 D4 I
#col2 ul {+ ~" b5 b( y9 I2 s/ H
padding: 0 0 0 30px;0 ]! A6 ~. I. v4 Q" U
}; ]( k5 d% S! t9 \9 C9 N
#col2 li {8 d0 q6 y [ i5 v1 I; {* e
color: #0e0e0e;
6 @3 f0 u* h# V0 G' i margin: 0 0 20px;
& [( s& L- m3 }9 s) `0 s font-size: 18px;" Q4 q& ~4 K- E" L4 o
font-weight: bold;
, ^, n3 n' `6 ^& \7 p! c}
7 @ Z" e; ]2 E' T- y0 x, T#cta {
y& g( C y- l8 Q4 a% e text-align: center;
* g+ Y2 e6 ~2 s6 Y* x}# U5 _# H% C# h( ~; L
#footer p {5 U# n( I* j7 c. U. \; Z4 G
text-align: center;
( p- x5 n8 @) E# O7 z0 E; F margin: 0;9 x1 e# I# j' o q# r9 Z9 i
padding: 10px;
2 I9 S! ~% A, p8 j color: #8b8b8b; g( A+ i7 T9 ?( n- C0 F; x
font-size: 12px;$ t: s' z( s, G) ^3 u+ G
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
