Web前端注意事项

1、若页面的banner轮播写成js,那么本页面中jquery库,需要在顶端就引入,不然会引起不必要的麻烦

2、手机Web页面开发

      <meta name="viewport" content="width=device-width,user-scalable=no">

      完整介绍:

 width=device-width:viewport的宽度
      initial-scale:初始的缩放比例
      minimum-scale:允许用户缩放到的最小比例
      maximum-scale:……最大比例
      user-scalable:用户是否可以手动缩放

3、网页端页面打开窗口的小图标,以下代码放在<head>中

 <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>

4、想要一张图片,铺满整个手机屏幕

       

<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,user-scalable=no">
		<title>指尖贷-截屏大挑战</title>
	</head>
	<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
		<img src="images/end.png" width="100%" height="100%" />
	</div>
5、将某个大的div内容,随页面滚动固定于某处

t = $('.fixed').offset().top;
				mh = $('.container2').height();
				fh = $('.fixed').height();
				$(window).scroll(function(e){
					s = $(document).scrollTop();
					if(s > t - 10){
						$('.fixed').css('position','fixed');
						var dw=$(document).width();
						if(dw==1530){
							$('.fixed').css('right','0');
						}
			
					}else{
						$('.fixed').css('position','');
					}
				})




~~~~~~~~~~~未完待续,会慢慢总结归纳

你可能感兴趣的:(前端开发)