- 博客(6)
- 收藏
- 关注
原创 字体单位px、em、rem、pt
单位:px,em,rem对于可以随屏幕大小而自适应的屏幕内容,不用媒体查询,可以通过使用相对单位rempx:表示pixel,像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓,可是在移动端,因为手机分辨率种类颇多,不可能一个个去适配,这时px就显得非常无力,所以就要考虑em和rem。em:继承父级的,假设html的font-size默认为16px,body字体大小...
2019-02-20 17:33:10 896
原创 判断浏览器内核的js代码
对于一个前端来说,拼写兼容性页面是不可避免的。当我用于判断是否是移动端浏览器之后,我就小小总结一下:<script>var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { ...
2019-02-19 17:30:21 658
原创 Font-weight
font-weight 字体浓淡(粗细)属性,该CSS属性用来设定字体的浓淡程度。值:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 如果值为 bolder 或者 lighter,则是相对其父对象来说的。如果父对象的值为 normal,子对象...
2019-02-18 16:54:21 27374 1
原创 判断IE浏览器版本的语句
为使静态页兼容不同的IE版本,需要用到判断IE浏览器版本的语句,本人曾经查阅的资料,忘记记录出处,所以重新整理一下<!--[if lte IE 6]><![endif]-->IE6及其以下版本可见 <!--[if lte IE 7]><![endif]-->IE7及其以下版本可见 <!--[if IE 6]&...
2019-02-15 17:10:15 135
原创 css3禁止点击事件
//css禁止点击事件.disabled { pointer-events: none; cursor: default; opacity: 0.6;}其中,pointer-events: none;是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接、点击事件统统失效。 ...
2019-02-14 16:53:29 6925
原创 鼠标滚动后,菜单栏固定位于顶部
//鼠标滚动后,菜单栏滚到顶部固定<script type="text/javascript">$(document).ready(function(){var navOffset = $(".at_page_nav").offset().top;//先得到据顶部的距离$(window).scroll(function(){var scrollPos = $(win...
2019-02-13 17:25:32 743
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人