|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小
4 Z; `" T& }- x; x+ @0 ]具体CSS代码如下， 请教改如何修改？
; G! E' T! v, c H; _( dbody {
$ {: o3 {9 A/ R background: #d8d8d8;
% j( u; {: Z# K7 a font-family: arial, tahoma, verdana, sans-serif;, y! ?; r' |6 O/ [" t* ~
font-size: 14px;
- b d; f! q3 a v$ J9 i# w color: #616161;
- p( \( l: f2 p* `6 g6 J margin: 45px 0 0;
" E8 _, D! m4 l6 y; G}
- ^$ v9 j9 J: r# {img {! p/ S% K) r* G$ ~
border: 0;
, B/ |& y8 ~8 D: t( |/ d( G% B; ^}- |+ P% ^, r# {0 H9 m
.clear {
+ i4 ~3 |& P( H! J& ]4 P& D clear: both;
- K; Y% W9 |/ m; F* `}1 V+ h6 z/ I6 ~7 ~) f1 v
#wrapper {
8 m; f1 A0 b$ r+ {9 T width: 852px;
V# [! G4 M0 J- y0 q9 p margin: 0 auto 0;: ^6 y6 P/ e! ~2 V; p
}' U$ g( _; {/ L0 I F
#header {
) T& j+ D$ D: B) R! H background: url('1.gif') no-repeat;% l5 g3 M9 d/ W/ e+ D0 p
height: 113px;
7 l4 Q6 E8 C2 w) o! T}
+ j3 ]& v1 c; L) u N5 x#header a{ display:block; height:113px; cursor:hand; }
% u2 }. E3 }0 F! a' U6 M8 k#content {7 ^: X h% ^) Z( H
background: url('bg.jpg') repeat-y;
& C/ v( l- b8 y3 i( U0 A; \}2 x1 t0 L/ a: l
#contentbottom {0 O& E: l/ }. c( ~
background: url('contentbottom.jpg') no-repeat;- |. X$ a. b7 H. w& Z
height: 6px;
% I' M7 s, ]3 b0 E1 ]}
/ N# Z) A; J$ y5 C#col1 {) `$ q) x) I3 f1 \5 f/ A, q/ y
width: 411px;
5 Y! K& B- o* y2 B float: left;
! y% P6 Z3 P+ O. B( y padding: 10px 0 0;( B6 N6 N8 k" P5 ]0 b& H; ~
}5 D+ s' d& J1 O1 G# ?
.girlspic img {
6 V" i) P: l7 K& A margin: 0 0 10px 10px;
" n# o- A" B4 t/ S: c; c" ~ W2 d border: 2px solid #111111;
% ^( z8 A8 e+ N. I display: block;% i7 h6 `" N' B+ \
float: left;
, r- |' Z$ D, j6 _8 x}, ?4 J% [/ W9 R) s3 ^& m
#col2 {
6 c- f9 f. U& u J' S width: 399px;
* X5 \! V& D( l) }8 Z0 X$ s float: right;
5 j0 o$ [8 V2 M" _/ y- U8 u! Y* ?. Y padding: 20px;' \4 `; c0 D5 z) v# s
}
4 S- k( T: s5 a( G#col2 h1 {) C5 \9 E$ L: c ^- Z- b
font-size: 22px;
0 Z9 C& v* E) ?7 T2 \; E font-weight: 100;$ Y4 J5 }, h# O. ]: X
color: #0053cf;
' b, J4 P/ H7 O: G margin: 0;; Y# |+ s# q9 m9 Z* N. S O: z
}
+ r8 T; [4 a2 _7 _. S#col2 p {3 Z, q7 L# d4 p5 q
margin: 0 0 10px;
- U' ^% Q9 D( u: L( Q5 g' v" | line-height: 18px;4 H" u- K5 N; F d" ?
}
, k) R9 C0 Q! Y! Y. D2 c* [( g#col2 ul {
2 F+ Z5 e/ x$ W( T. A" W0 c padding: 0 0 0 30px;
: h# j: g4 l6 ]3 R}
4 M2 A% @- y1 j7 K: y; o#col2 li {
* U! \+ l9 [3 W9 P color: #0e0e0e;9 O% Y1 Z2 f9 n% M- u
margin: 0 0 20px;+ L4 |8 ?6 R9 j( G/ \1 U9 e
font-size: 18px;
# J( D- A; R4 @! h1 S/ ] font-weight: bold;) `2 l' c! F5 m
}5 l2 K/ ]/ s8 H
#cta {
% @2 P4 ? M% Z8 i text-align: center;% ], E, O7 W) U6 t3 ^, d8 W
}+ ~: W M) m% v e+ q% `
#footer p {
' }* f2 o# t6 y: q" q$ r text-align: center;
9 M4 k8 I c$ y5 S* A$ A- V margin: 0;# ], I( U8 g. F) P/ a- X1 G' t: Z: R
padding: 10px;
4 j% ~0 i; s8 {, F. }: w color: #8b8b8b;
6 ^4 d: O4 O4 m7 h! @6 {, @ font-size: 12px;& D( q- f; e" G: L
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
