|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 * B* y0 f! E m0 a* u- O
具体CSS代码如下， 请教改如何修改？
% ~9 P+ O6 j1 z: p3 d/ W. |' Z* Ubody {0 ^+ N9 O+ {% H% F8 v
background: #d8d8d8;
& W& M$ C' O7 t! v4 _ font-family: arial, tahoma, verdana, sans-serif;
3 K. d# g: ~; n+ E; ^$ ] font-size: 14px;. F r" b4 y: X8 z* \
color: #616161;
' C" W( Q D$ I; q$ ~ margin: 45px 0 0;4 |% x$ O+ G' m' |; o/ T
}4 K/ k) D7 A7 u3 S* {
img {
5 H- N8 I/ ] b( w4 F border: 0;
" P, Y9 [/ E7 U! e+ M/ x4 `& C}
: R# w# N5 ?; J6 N% M7 z! P0 \.clear { 4 S6 Z& H9 w q. W7 [
clear: both;8 N9 A+ @; f0 O- a; m
}
4 k" l+ j" c. r#wrapper {6 T/ ]: C b: y+ `/ d8 \
width: 852px;, c1 ^$ \; `/ @4 s
margin: 0 auto 0; E, O7 @8 z- F P
}2 Z7 ]+ Z. T: x5 F+ d" g- o
#header {6 c$ k; y2 R4 c! D4 Y
background: url('1.gif') no-repeat;5 H7 I. b- Y( M. G: s! C
height: 113px;5 R1 x- @* _ S4 Q, i) q
}
& A" U' ~+ I4 ~4 K ?! J* H#header a{ display:block; height:113px; cursor:hand; }- ^% K* Q( u8 x3 q2 T9 K, r
#content {7 _) [* e/ j8 {! O6 J
background: url('bg.jpg') repeat-y;7 M7 x5 M7 z% i; W4 A0 s
}3 x, |6 R2 X, ]5 \# C5 p( d
#contentbottom { {6 c8 s9 a+ ?% H
background: url('contentbottom.jpg') no-repeat;$ x/ C2 @% F3 j2 j
height: 6px;
; z3 t5 u- d/ x) z" l; u, W}
# O7 Z9 v* V' H* R#col1 {
/ O: o2 F+ H# m% v2 m7 g! b1 r% o width: 411px;
! r! W0 t: P' a) Z( Z; \) i float: left;, `8 S9 ]( \0 o! H% L
padding: 10px 0 0;5 a+ e0 [# m" v" _3 Y
}* U4 M$ `9 O8 {1 `& z! \
.girlspic img {
9 x& a/ m6 f% X. o- x9 F margin: 0 0 10px 10px;/ ]- U- H; D+ g9 x3 q, k
border: 2px solid #111111;. m% a& o, [ d9 ]' D5 M
display: block;% o0 Z0 t! r, b- A4 _) Z0 ]- s
float: left;
* ^5 U6 T7 Z$ H: t8 ~3 Z% H# X# P; i}
. ^1 q5 v% x- h+ a C. a+ U#col2 {4 @; T. r1 _3 k+ w4 P
width: 399px;
1 k! p8 `% m) n0 L float: right;
Z5 q) ?2 s6 A9 P1 D padding: 20px;3 c4 M+ h3 v; T" o( N. x, t2 H
}
# \# B' n2 m# d1 T#col2 h1 {; Q, @: u7 u: q, A6 e0 j
font-size: 22px;
) }" {2 Q6 K* u. F& s font-weight: 100;% A) Y( h4 K2 ?4 o5 ^" C' T/ y) w
color: #0053cf;
" |2 E3 Z K5 G margin: 0;9 T9 Z+ N$ g( W% Z8 m7 q- g( ?
}5 p) f: I" X1 a
#col2 p { W; O5 q, @2 k0 _( m+ ]5 i
margin: 0 0 10px;
* Z+ C+ X* o8 [8 ? line-height: 18px;
. y" n7 g- O; F& U}
+ o8 g: d. U8 ~1 ~ B#col2 ul {3 ?) y! ^. ?% b. T# `5 q2 g8 y
padding: 0 0 0 30px;. v) Q' ~/ b4 `% L4 |; m. F
}; K; \0 X" N; i1 q7 i1 {
#col2 li {, H$ Q% M( Z2 m. H5 a8 F& \& B. i0 Q `
color: #0e0e0e;
1 @0 C& ?% |' \# a9 S margin: 0 0 20px;
3 ^/ V4 T) ?1 ` font-size: 18px;
' \* D% x; y/ Q0 U font-weight: bold; C# ~2 d3 x% C* `' N
}
8 w& w$ O1 Q. a+ K#cta {6 a6 [% i& M0 z* w
text-align: center;
8 \2 B- m# u& K- ^9 ?: e/ g}
7 g7 w' }7 {* }: m#footer p {+ N! x6 f( Q h! h
text-align: center;
! F3 N; z7 X) r margin: 0;
5 E6 V9 x7 i: h, m$ k padding: 10px;# N* P- X4 Y9 [* ?& ^5 `
color: #8b8b8b;$ F" I0 w+ M% c* x4 @
font-size: 12px;
3 e# ^) P+ {, k" Y% a} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
