HTML5折叠文字和手机屏幕适应矛盾,背景出现重复
就是我加了一个折叠后原本完全适应手机屏幕的现在向右延伸了,可以向缩小,右滑……第一张是加后第二张是原来的代码如下<head><!--下为适应手机屏幕的代码--><meta...
就是我加了一个折叠后原本完全适应手机屏幕的现在向右延伸了,可以向缩小,右滑……第一张是加后 第二张是原来的代码如下<head><!--下为适应手机屏幕的代码--><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /><meta charset="utf-8"><meta http-equiv="Content-Type" content="text/html charset=utf-8" /><title>【深渊】</title><style>html,body,div,h4,p{margin: 0;padding: 0;}html{font: 1em Arial, Helvetica, sans-serif;color: #444;}a{color: #0087f1;}p{margin-bottom: 5px;}#container{margin: 0 auto;width: 600px;}#container h2{font-size: 20px;color: #0087f1;}#wrap{position: relative;padding: 10px;overflow: hidden;}#gradient{width: 100%;height: 35px;repeat-x;position: absolute;bottom: 0;left: 0;}#read-more{padding: 5px;border-top: 4px double #ddd;background: #fff;color: #333;}#read-more a{padding-right: 22px;no-repeat50% 100%;font-weight: bold;text-decoration: none;}#read-more a: hover{color: #000;}</style><script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script><script type="text/javascript">$(function(){var slideHeight = 0; // pxvar defHeight = $('#wrap').height();if(defHeight >= slideHeight){$('#wrap').css('height' , slideHeight + 'px');$('#read-more').append('<a href="#">展开</a>');$('#read-more a').click(function(){var curHeight = $('#wrap').height();if(curHeight == slideHeight){$('#wrap').animate({height: defHeight}, "normal");$('#read-more a').html('收拢');$('#gradient').fadeOut();}else{$('#wrap').animate({height: slideHeight}, "normal");$('#read-more a').html('展开');$('#gradient').fadeIn();}return false;}); }});</script></head><body><!--下为插入背景的代码--><style type="text/css" >body{background-image:url(background4.jpg);background-position:center; background-repeat:repeat-y;}</style><!--以下为折叠代码--><div id="container"><h4>『解压说明』ZArchiver<div id="wrap"<div>为了保证能使用中文密码压解<br>Zip字符语言选择:<br>【CP936 - Chinese Simplified ANSI/OEM】<br>界面语言选择:<br>【Chinese simplified】<br>解压的时候要点亮眼睛<br>否则有些手机无法输入中文【就是显示密码】</div><div id="gradient"></div></div><div id="read-more"></div></div>
展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询