|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 ; B* `4 t9 p8 U9 D! k& ^
具体CSS代码如下， 请教改如何修改？
# v, [& v4 S+ l! _) C5 @( Dbody {# x6 M+ F9 V0 a4 C- A% \7 i( u7 _
background: #d8d8d8;
- x: h" t& d6 Q# \ font-family: arial, tahoma, verdana, sans-serif;, J8 ?6 `) ?" k# s$ y# u
font-size: 14px;
6 g* D! [% g0 X: c( Y color: #616161;/ x' C" r- h! Q' c# l
margin: 45px 0 0;
' m! g7 U8 T9 H( J* z; j}
; E1 B# x! W$ P3 x D, U( H; Z& Nimg {5 U/ ]$ g: ^5 R; s, q9 {$ s
border: 0;% ?: P, {8 i! o2 ?. i0 ^1 V
}
8 p: | r! r2 |2 v.clear {
+ F. y* A- z$ h4 p5 G clear: both;
7 q; D3 u% _; D1 M- p0 o}, B- w3 S6 d' R8 Z
#wrapper {: Q+ A1 J; W/ I* b0 ^' N
width: 852px;
9 W7 T) ~$ J/ J& J1 J" q margin: 0 auto 0;( h( V- l! |2 b, q' e w0 ?8 c
}7 K8 V _ Y9 A$ P; K1 m
#header {
5 l% {% i! M8 B5 L& ]( o8 l background: url('1.gif') no-repeat;
: _. P' T/ a" O- y2 ], ^8 ?, F height: 113px;
n& N: u$ c" a3 ^}; X% ?# v/ d; _2 L1 P0 H
#header a{ display:block; height:113px; cursor:hand; }
. v. S" w$ s6 P+ i5 U1 s#content {; J, H7 D# a. J* V4 _
background: url('bg.jpg') repeat-y;1 r( y2 J- O5 R4 q0 g, t8 G9 R
}
- c) v2 u/ u6 F6 H( v: d#contentbottom {0 t3 y6 G6 `* B0 |
background: url('contentbottom.jpg') no-repeat;
5 D& j0 M% @. H9 M9 s height: 6px;
3 m7 Z7 d9 A( F' f2 \; ^6 f}
5 V! L& M) s% ]9 d' T* A6 a: h#col1 {/ o1 M! ?2 Z. t( L- Q" I
width: 411px;1 O3 N2 t) U4 O
float: left;
+ R/ G3 n% X& G H8 K padding: 10px 0 0;/ T- O2 B9 [& N# H1 @* y
}5 Z ?. M; X5 r& o' y
.girlspic img {; V: S% O; S7 T. _9 s% ~2 [
margin: 0 0 10px 10px;9 E$ X4 E; z7 ` C: n
border: 2px solid #111111;. e+ n m# ?8 s1 D% ?: o
display: block;
# ^9 I- q% c& \+ {, V+ ?# s- x float: left;5 C2 D4 s0 `. c) I) E
}. {& ~0 O# [4 n0 K
#col2 {
' d' W( J7 J' O9 a; y7 r0 E4 g width: 399px;
p! G5 u; Y4 i/ e9 N" _9 C% G* D; l) i float: right;( y. n5 m- q: A L! }! P
padding: 20px;
& z# @0 l4 f# V: q, S} T- H$ W% j1 a- n h8 G+ A
#col2 h1 { j! m- ~- V+ o
font-size: 22px;
6 U8 D& X5 ]- h- c font-weight: 100;- j5 `! M" H9 [$ T
color: #0053cf;
! k; [$ y6 @& A3 G margin: 0;( F0 I: K% {1 t" J# k% N0 u# v
}
6 s( o; ~3 K5 `7 ^, b#col2 p {
/ J2 U* i. r3 W9 \0 \. ~0 ~ margin: 0 0 10px;3 J* M, }4 s) ?* N. |5 L
line-height: 18px;
# N: Y- u5 ]2 v ?& p}2 O) Z) L; x5 ]' r4 e2 U! j9 t
#col2 ul {4 O& \, o2 n U
padding: 0 0 0 30px;
6 c1 Q- i' Q( h3 f! s}! W6 d+ ]% H) @1 D3 i, l" g2 ^# q
#col2 li {+ ?7 A: g' I0 _" u7 j
color: #0e0e0e;) S$ z* D1 E, K
margin: 0 0 20px;
4 T1 G3 v! S8 e font-size: 18px;, A6 Y- ~" o- ~3 X% O
font-weight: bold;
3 f& ?$ `! R/ |* T/ e2 l}7 t1 _# H. L5 b% z) k
#cta {
6 D6 Y" S* _% V. n" U text-align: center;
/ P3 w) C3 V/ _+ P7 c}
, E9 ^; N8 r5 Z9 b+ o* D#footer p {
8 H) P8 w1 v6 D text-align: center;
* y- r4 s" q* U* T) K margin: 0;
* q5 y+ E# I9 L5 l* y padding: 10px;
, p# b z) p7 A1 t5 h+ h& r color: #8b8b8b;
/ L2 v7 k# E! l# q' W font-size: 12px;
% j# G& o: c9 a} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
