- 博客(10)
- 收藏
- 关注
RSS订阅原创 js引用CSS 选择器
document.getElementById(' ') //通过id获取一个元素，上下文只能是document，理论上页面上id是唯一的，但由 于操作错误写重复，不会报错，此时获取的是第一个。document.getElementsByName('') ...
2018-04-28 17:14:30
2826
原创 媒体查询
媒体查询也称作为媒介查询，media查询，它是专门用于制作移动端网站的；当用户设备的宽度为某一个范围，调用相应的cssmedia一般来说，设备分为三种，一种手机端 540以下；另外一种pad端 541~960；第三种就是 pc端 960以上外链式媒体查询<title>外链式媒体查询</title><meta name="viewport" content="w...
2018-04-21 20:07:54
272
原创 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
121
原创 视口标签
<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
2990
原创 检测设备（1）
检测设备当前响应式的做法，pc端是一套网站，移动端是一套网站，如果用户是移动端，自动跳转到移动端的网站，如果用户是pc端，跳转到pc端的网站；当前我们需要知道用户用的是哪种设备；Device.js谷歌、欧朋、腾讯 浏览器都可以检测<script src="device.min.js"></script> <script> window.onload...
2018-04-21 11:11:18
252
原创 检测设备（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
802
原创 响应式之随窗口变化而变化
当窗口大小调整的时候，执行的事件 $(window).resize(function(event) { //将窗口宽度重新获取，然后给每一个li w = $(window).width(); $('.box ul li').width( w ); //将改变之后w重新做动画； ...
2018-04-19 17:40:35
383
转载 图标字体
www.iconfont.cn 阿里（国内的，淘宝的）www.icomoon.io 国外使用步骤：01 进入到阿里 www.iconfont.cn02 选中需要的字体，加入购物车（不需要登录）03 下载图标库04 将这些字体放入到 fonts 文件夹05 在css中声明字体 06 调用字体07 需要使用的字体编码放入到盒子中...
2018-04-18 16:36:17
126
原创 链接状态 and 鼠标样式
链接状态：a //所有超链接a:link //链接未被访问a:hover //鼠标指针移动到链接上a:visited //已被访问的链接a:active //正在被点击的链接 鼠标光标样式： 链接手指 cursor:...
2018-04-15 14:57:36
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人