- 博客(10)
- 收藏
- 关注
原创 js引用CSS 选择器
document.getElementById(' ') //通过id获取一个元素,上下文只能是document,理论上页面上id是唯一的,但由 于操作错误写重复,不会报错,此时获取的是第一个。document.getElementsByName('') ...
2018-04-28 17:14:30
2833
原创 媒体查询
媒体查询也称作为媒介查询,media查询,它是专门用于制作移动端网站的;当用户设备的宽度为某一个范围,调用相应的cssmedia一般来说,设备分为三种,一种手机端 540以下;另外一种pad端 541~960;第三种就是 pc端 960以上外链式媒体查询<title>外链式媒体查询</title><meta name="viewport" content="w...
2018-04-21 20:07:54
315
原创 rem 在响应式中的应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> @media screen and (min-width:
2018-04-21 17:04:32
134
原创 视口标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />width=device-width 声明实际宽度为设备的宽度initial-scale=...
2018-04-21 11:30:06
3012
原创 检测设备(1)
检测设备当前响应式的做法,pc端是一套网站,移动端是一套网站,如果用户是移动端,自动跳转到移动端的网站,如果用户是pc端,跳转到pc端的网站;当前我们需要知道用户用的是哪种设备;Device.js谷歌、欧朋、腾讯 浏览器都可以检测<script src="device.min.js"></script> <script> window.onload...
2018-04-21 11:11:18
262
原创 检测设备(2)
deviceJavaScript MethodMobile 手机device.mobile()Tablet 大屏手机device.tablet()iOSdevice.ios()iPaddevice.ipad()iPhonedevice.iphone()iPoddevice.ipod()Androiddevice.android()Android Phonedevice.androidPhon...
2018-04-21 10:13:35
828
原创 响应式之随窗口变化而变化
当窗口大小调整的时候,执行的事件 $(window).resize(function(event) { //将窗口宽度重新获取,然后给每一个li w = $(window).width(); $('.box ul li').width( w ); //将改变之后w重新做动画; ...
2018-04-19 17:40:35
395
转载 图标字体
www.iconfont.cn 阿里(国内的,淘宝的)www.icomoon.io 国外使用步骤:01 进入到阿里 www.iconfont.cn02 选中需要的字体,加入购物车(不需要登录)03 下载图标库04 将这些字体放入到 fonts 文件夹05 在css中声明字体 06 调用字体07 需要使用的字体编码放入到盒子中...
2018-04-18 16:36:17
133
原创 链接状态 and 鼠标样式
链接状态:a //所有超链接a:link //链接未被访问a:hover //鼠标指针移动到链接上a:visited //已被访问的链接a:active //正在被点击的链接 鼠标光标样式: 链接手指 cursor:...
2018-04-15 14:57:36
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人