|
|
一个LP，在手机端打开之后怎么都不能适应屏幕大小 3 r% a6 l8 G- p3 k5 f* ?+ c3 |/ H
具体CSS代码如下， 请教改如何修改？; j3 a2 O( Y9 @6 F3 r
body {8 `! h9 `/ l) ^( k# B% o# q
background: #d8d8d8;2 I( }7 l+ t. q- b1 x
font-family: arial, tahoma, verdana, sans-serif;# b4 Y- _+ ?) Y* y+ \7 b; y
font-size: 14px;
- n1 B4 J6 h# s1 A% I. k; F color: #616161;# d! V* y: A; X6 ?
margin: 45px 0 0;2 U9 E" e8 l Z$ @
}" R% T" P* X1 a- p1 F1 v
img {
# T0 E# h% D" @+ k# A o6 \- i border: 0;. D9 ]- q( J5 E* ?' |
}$ J! F1 V3 v! f9 N. j
.clear {
& K. Z8 K9 @+ f! m9 o7 g/ x0 F; Z clear: both;7 B6 t6 d& ^ |1 E( a S5 ?
}3 ]" w# X3 @6 j4 A
#wrapper {
6 {9 k8 U1 ]" F; [' r) [6 I width: 852px;
) J! k3 U# L' R margin: 0 auto 0;
; k! P: n# [2 j( b7 \}6 w# I g3 }" W: M% z6 l! s& h8 o
#header {/ K. L ]8 M3 L) }
background: url('1.gif') no-repeat;/ k* {/ Y2 R2 x8 A& X
height: 113px;
, q# K$ ^* Q; W9 a& L ^ S! I, e2 [}$ [2 v+ W; k" r0 _6 G
#header a{ display:block; height:113px; cursor:hand; }: c# s$ r1 a/ e9 I5 b B
#content {
7 a! J1 J9 z: L& o! V1 `1 _# k; h. ^7 T$ f background: url('bg.jpg') repeat-y;# W+ l j- Q7 x6 j
}0 G( [2 n( P0 s3 h" j" ?% b
#contentbottom {9 D0 j5 y9 ?6 r" O
background: url('contentbottom.jpg') no-repeat;4 m9 \+ ?! q/ ?. ~! r& }* Q
height: 6px; {# _/ p- c9 D- q/ @0 t# F- U
}* g5 ^* Z$ n4 o# v+ C
#col1 {3 g5 D2 m% ^: a, n2 O
width: 411px;
+ e$ t6 V7 _ H6 I float: left;4 U0 n: k* X& O" ~* {# {. A
padding: 10px 0 0;& W* ^2 J3 g( M" O- p, |# E+ L
}; @+ y: N% E2 e" h
.girlspic img {* L8 P% X3 E0 X" O) c' I, Q1 H
margin: 0 0 10px 10px;' v: N( U \8 _! a C
border: 2px solid #111111;' i: f9 q) N$ O& m
display: block;
0 s1 ?1 |+ j0 a% H# L6 u float: left;
: o% ^# l" y v- K+ E}
" `9 _# f: z; v* v' |#col2 {
! p, ^8 o0 S* X, X0 ]6 E width: 399px;
; F0 i- \. I- H8 v0 k6 Q# f! ] float: right;
. \) X* h6 `( B q padding: 20px;
2 ~/ @3 o& E. |' c2 y4 ^: O+ c}
8 A; Q$ b$ m b( K, J#col2 h1 {! F; d/ x* t" Y$ T2 {' @; B+ U4 W
font-size: 22px;- d+ @) K6 s7 E4 b
font-weight: 100;
+ M. q" Y% w3 `+ w color: #0053cf;- z+ x2 J) K/ y% W, o
margin: 0;% o( o: _$ c: F( p0 b
}( G' K. g* [7 @% l
#col2 p {
. g8 K$ q9 w0 F8 X: p: i( G margin: 0 0 10px;9 X" ^$ [" U5 N4 `/ p
line-height: 18px;
" V( f: c. G5 Q$ P}- w$ K( E$ n+ h2 h
#col2 ul {
0 O7 g# s1 w! E/ R padding: 0 0 0 30px;
2 G! R5 m; a: n' ]1 x: n( [/ ^}
( y7 k' k5 ]3 s7 L6 \#col2 li {
- B3 X# Q* L2 e6 A$ }3 ~, k color: #0e0e0e;
- f: T$ @ [$ R% [3 K8 j2 y margin: 0 0 20px;
% ~8 s8 D: |% r( ` font-size: 18px;
' A) n% ~4 A" u+ R3 @ font-weight: bold;
% K3 {6 _) M: B/ u}
* M% g8 W: l6 i# ] R! T2 v#cta {
% n. v* J. L L X+ @& V text-align: center;
/ }0 D& r( I4 Q! `" W: z1 k4 C}; {( k9 w. }# k. ^/ ^
#footer p {2 O" ^* c8 O4 n. q' ]
text-align: center;
/ d* r! d9 {& d$ r* q% X- s margin: 0;
" z* C- v2 d6 C( U% y/ N padding: 10px;8 ~9 O/ F) }, J/ N) S
color: #8b8b8b;' C7 D i2 C5 I1 [7 S( @3 V! D
font-size: 12px;
% M3 J6 x. D5 B/ z2 a) Q3 v} |
|
发表于 2015-9-6 13:08:26
发表于 2015-9-6 17:27:42
