|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小
' R# ~- w% g( e7 s具体CSS代码如下， 请教改如何修改？
" E. m( `7 L8 I3 O( C% }body {* c6 ~* q. A+ V, |9 n& [
background: #d8d8d8;
2 x3 ?$ M* S. g# _. U font-family: arial, tahoma, verdana, sans-serif;4 y& I0 P1 U) z( C# Q
font-size: 14px;
# O+ R2 q ~/ l, C: H color: #616161;
9 H9 ~0 u0 o* k, a+ U* b- E# m margin: 45px 0 0;( Z9 o0 B* ]2 l5 F& F" N. ~& X
}
7 c) n8 U! ]$ _7 y9 D5 D/ t q2 {img {" r& X: V2 C7 } u! T
border: 0;
0 v1 P2 ?, g! L } W I7 x0 u}
7 w w8 b: N4 S) \0 f- |9 p.clear { 4 |9 ]- n7 m. y+ {) Z1 ?
clear: both;
( |! R4 s' o- ^$ a" W}2 u0 A) p. {3 ^' t
#wrapper {
. O# F! e. F4 Y! z; q, [0 N width: 852px;
: g$ ~% X7 H6 J margin: 0 auto 0;
) B J- O4 x7 N4 C% n& ~}4 b. A' m2 d7 g7 ^
#header {
& c. B( U( x! y+ R background: url('1.gif') no-repeat;, [2 Q `8 w" x" J4 v9 k8 `
height: 113px;
7 O5 ]' ~; I7 p}
: D( K+ S5 `* F' ?1 q& c#header a{ display:block; height:113px; cursor:hand; }
* \3 q) l1 R6 }/ ]$ c( ?#content {
6 p9 | W. u8 }+ n# X background: url('bg.jpg') repeat-y;
% H, Q& |) [% j: |; D5 D0 O}' o9 O, h6 y) B& ^% R2 l
#contentbottom {( R' h" X' l3 \$ C' E/ X8 a4 a
background: url('contentbottom.jpg') no-repeat;
! J f ^8 x( t Z9 p! n+ p4 Z, v height: 6px;' r# d) w- @; T6 u! z* m1 R% x h- }
}9 f1 `* C8 C% ^% Z, Y
#col1 {- I- \- h4 f" I; {
width: 411px;& G. g3 `8 s+ b/ [
float: left; d9 ?3 l5 @( r1 Q
padding: 10px 0 0;5 G: m7 Q# n) w; N# L
}1 I0 I* Q; p/ o9 x
.girlspic img {& M4 |6 [- `9 e
margin: 0 0 10px 10px;
0 v0 h0 _4 Y$ X9 N5 a border: 2px solid #111111;
* w5 ?3 X5 m+ A display: block;
! R; p% @7 ]5 T; [# L% p9 n float: left;
, y2 y2 g; \9 x8 w, c' @) L; S$ A( y}
* l* k' |) c1 [#col2 {
' c- f8 q, b6 `+ J. e9 J8 r( }/ `& B width: 399px;& V' U0 e# X' R
float: right;
# ]3 Z5 X1 f, f$ Z: _ padding: 20px;3 V% j0 P; M1 X, L% o
}9 _; X6 a$ {5 n* \0 J& b+ b% Y
#col2 h1 {
7 W) ?4 c5 g; Z% W( f2 z& g font-size: 22px;
1 @+ ?: [; j- K( r* Y) a; \- {5 d font-weight: 100;
% V: B! L& A5 N- Z/ e color: #0053cf;
( \" a* d0 {* `8 K margin: 0;1 l( @' B. @" |0 d% \$ R
} e! L; Z8 ~- T9 |- O( l5 x
#col2 p {. Z3 ?) G! X0 B2 S; \
margin: 0 0 10px;8 }9 d6 n6 a8 K6 g& b5 O# l% v
line-height: 18px;
$ V" ^7 L& I t0 c' k: s. F}
' t7 {2 J3 f: |5 X0 d& I, ~. ]#col2 ul {& p: d6 F# O$ `8 N% m( J& R3 P
padding: 0 0 0 30px;
4 t) C) |2 w7 g( W0 O: r}+ E1 L5 W9 D4 u6 }4 |0 }* ^
#col2 li {
! {" P' h8 \7 W5 _$ _: j$ i- G color: #0e0e0e;0 w- b2 h5 X( H# P
margin: 0 0 20px;0 F e7 c& n% E, t5 V
font-size: 18px;' p# C; C! m; G% X* P( ^
font-weight: bold;
; u5 g+ S: \8 i}' C- p; \7 G: B1 b
#cta {. H( O" C$ ~' v; x0 \
text-align: center;
1 z) T' U7 G: w, @}
4 m7 e' U, H% I% _; H2 @4 ?#footer p {5 N" M: b- K- r1 y$ p. y
text-align: center;
( ~& j- u0 d1 t margin: 0;/ v- I( G' @- |5 ?% D. }- q
padding: 10px;% h7 z% [7 K2 {4 I3 [
color: #8b8b8b;* f" v. j' L* h, y& k
font-size: 12px;5 v) R# Q* b, j) D0 O
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
