Web前端注意事项

最新推荐文章于 2023-07-09 17:47:09 发布

comeonstone

最新推荐文章于 2023-07-09 17:47:09 发布

阅读量1k

点赞数

分类专栏：前端总结文章标签：前端开发

本文链接：https://blog.csdn.net/comeonstone/article/details/37933455

版权

前端总结专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

2、手机Web页面开发

完整介绍：

 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','');
					}
				})

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

comeonstone

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端注意事项

1、若页面的banner轮播写成js，那么本页面中jquery库，需要在顶端就引入，不然会引起不必要的麻烦2、手机Web页面开发完整介绍： width=device-width：viewport的宽度 initial-scale：初始的缩放比例 minimum-scale：允许用户缩放到的最小比例 maximum-scal
复制链接

扫一扫