摘要:
html5移动页面自适应屏幕宽度 1.使用meta标签,在头部加入下面代码 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user- 阅读全文
摘要:
这两天学的是自适应,代码有点乱。而且这几天忙着写实习报告,也没有时间去整理。 但是,这下面代码吧,是可以获取html的font-size值的,然后用来设置相对单位rem的从而达到自适应效果的;看到红色的width了吧,把它改成你屏幕宽度就好,比如我的是1920px;那么这样算出来html{font- 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>单页-01</title> <script src="js/jquery.js"></script> <style> *{margin:0;padding: 0} 阅读全文
摘要:
index.html <!DOCTYPE><html lang="zh-cn"><head> <meta charset="utf-8"> <title>01-单页</title> <link rel="stylesheet" href="CSS/index.css"> <script src="j 阅读全文
摘要:
index.html部分 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图册</title> <link rel="stylesheet" href="css/index.css"> <script src=" 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style> *{margin: 0;padding: 0;} ul li{ padding: 3%; list-style: none; 阅读全文
摘要:
在网页代码的头部,加入一行viewport元标签。 <meta name="viewport" content="width=device-width,initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=devi 阅读全文
摘要:
鼠标经过选项卡 $(".TAB li").mousemove(function(){ var $vv=$(this).parent(".TAB").attr("id"); $($vv).hide(); $(this).parent(".TAB").find("li").removeClass("ho 阅读全文
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="" content=""> <title>风车特效</title> <style> *{margin: 0;padding: 0;} .picture{ 阅读全文
摘要:
网页可见区域宽:document.body.clientWidth; 网页可见区域高:document.body.clientHeight; 网页可见区域宽:document.body.offsetWidth;(包括边线的宽) 网页可见区域高:document.body.offsetHeight;( 阅读全文