|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 8 |' |1 c6 u% l! {/ K; X
具体CSS代码如下， 请教改如何修改？+ U& @* y' E/ _0 ~, K6 w3 H: ?' f& r
body {" G7 S# a7 }4 @1 Q: h1 d$ Y# _: c" n
background: #d8d8d8;! d. i1 ]5 r% [1 V) h$ W
font-family: arial, tahoma, verdana, sans-serif;7 T( ~' P1 T8 M/ i& t
font-size: 14px;2 O# k' l% {' H' A4 h3 z( _* [+ h
color: #616161;
) d2 Q( P: q P6 [- d margin: 45px 0 0;3 F# A/ @( _9 V& j, S0 x3 P* h
}
9 F3 I0 x; s' s+ y. g" c. ?img {. K$ Q. ~! f& g. J# Q
border: 0;) v/ W) c1 |4 G- b
}
, d- z$ S- e. c6 E5 m! o2 D.clear {
6 x( B: t5 g+ k+ \ n# `# q clear: both;# Z$ I2 s! A7 K8 R+ v
}, i2 ~8 t4 f8 K4 c: O, O% m9 e
#wrapper {
, E- _3 P$ P/ c4 f width: 852px;) ?0 W5 w3 H$ S3 G
margin: 0 auto 0;9 A! U. w2 I1 U6 K* Q" t
}& j! b) O: o3 ~
#header {
7 u% Q Q; j7 E$ |7 X/ B1 Y0 z background: url('1.gif') no-repeat;
: N6 W/ Y5 r1 O. j* Y2 k/ {, s height: 113px;
$ l( ?3 q# l7 m, O& Z M _}
" s5 m1 I( F* m; |# D3 j& k" g% H8 Q#header a{ display:block; height:113px; cursor:hand; }, L: v! E4 y) U$ g" t# B6 a7 T6 D
#content {
I; G. V% z' Z7 B' k; n background: url('bg.jpg') repeat-y;
5 G7 A: L$ Q/ }( r3 E1 I* T}
6 Q$ \' c: v" ^# r# Q#contentbottom {" l5 [3 v) A; x
background: url('contentbottom.jpg') no-repeat;
+ D4 L9 S" X2 z& _4 T/ I height: 6px;
2 |$ W p! k% p, W: H* o' Z}) @( K) ?1 P. w. A5 |; g6 a
#col1 {
+ ~6 K1 ]; _' f- H6 M# x width: 411px;
9 Z# B# m8 r$ i3 R; e. e float: left;
, P7 {0 p( L! d7 g& S) E, y padding: 10px 0 0;
9 _; q; a; {8 _# G5 c1 Q}
: x% K* O9 i& x.girlspic img {: Y" [: r) R# [# ~4 m" N
margin: 0 0 10px 10px;$ ^- V4 `3 d; i# E
border: 2px solid #111111;
$ l& M+ e6 i" K$ J( z display: block;
2 m+ k' d% z- g$ ` float: left;
- D1 _5 T' o, J$ \% M! P}: J j2 Y2 ~7 J
#col2 {
9 c# i) Q" j9 _6 P, s7 t$ }8 ~0 g1 A width: 399px;% j# t& S! w( G! G; k0 w
float: right;* \) ^2 ~2 R3 V9 C
padding: 20px;
p/ j2 ^2 f; F8 a$ \; o( u}
7 q7 J6 w0 o. q#col2 h1 {
" K$ F# H4 ~1 I& u font-size: 22px;7 j. Z. Y \( b' {& M$ I
font-weight: 100;
$ j9 q" ]" u, \ color: #0053cf;
6 `, c* Q6 j, u$ y- a4 A3 ]; s margin: 0;
T; q4 M& ]) O! K; g}0 Z' j& Q5 L$ z6 O" R7 ~
#col2 p {
* E7 N# Q' p( } margin: 0 0 10px;- U3 `5 c$ h7 F, F C1 `
line-height: 18px;! ^* q' J' y/ }9 a4 f" I/ _
}
6 ]0 w, ^ }" D#col2 ul { h# o3 _+ U" t$ A* J
padding: 0 0 0 30px;
" K0 Z- V. F/ Q% r* ^8 N* E}
. l" r: w, I4 ]6 E#col2 li {
& x& X: C" Z/ m. I) g% I) e/ j color: #0e0e0e;$ x) d/ [/ s L
margin: 0 0 20px;
2 ~, m2 p0 f9 g4 o: m- _2 a& s4 e) y# p( \% R font-size: 18px;
: }8 D4 G# V5 ?+ f4 ] font-weight: bold;
' O5 T1 [9 V! W$ y: J* ~}' H6 m6 b, c; G. m" m# p* A2 l
#cta {0 a* {; B3 I% R& P
text-align: center;
1 B& I& k' ^* M& T) ^: T1 T4 X}
9 a( g# X( |6 m0 }7 `) E3 }#footer p {
" @7 L) N' `: U5 g4 L# R2 N text-align: center;
* Q1 {3 t4 g& a7 O8 z |! J- n margin: 0;
Y* ]( z7 q4 J5 K4 O padding: 10px;/ }8 X3 ^8 }" t" n; A7 P
color: #8b8b8b;% f- `% q' \6 [1 R8 \1 k- ]
font-size: 12px;& b8 }0 s! L x
} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
