CSS3
Lambsbaa
成为一个前端大牛
展开
-
微信调整字体大小后,页面样式错乱解决方法
IOS简单些: body{ -webkit-text-size-adjust: 100% ; } 安卓复杂些: (function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) {原创 2020-05-21 14:16:59 · 2182 阅读 · 0 评论 -
Flex布局—语法
传统布局方式:基于盒子模型,依赖display+position+float W3C在2009年提出了新的方案—Flex布局,目前已得到所有浏览器的支持,可安全使用。 Flex布局即弹性布局,使盒子模型更灵活。 任何容器、行内元素都可以使用Flex布局,在webkit内核的浏览器使用时,需加上-webkit前缀。 .box{ display: -webkit-flex; /* Saf...原创 2019-11-12 18:27:50 · 468 阅读 · 0 评论 -
CSS3 @media查询 设置断点 实现响应式页面
使用@media可以针对不同的屏幕尺寸设置不同的样式,实现响应式页面开发。 同样,重置浏览器大小时,会重新渲染页面。 这里做一个简单的总结,如下为参考链接:http://www.runoob.com/cssref/css3-pr-mediaquery.html 两种使用方式: 第一种:style中设置 @media mediatype(媒体类型) and|not|only (media ...原创 2018-09-03 23:01:27 · 1812 阅读 · 0 评论 -
JQuery 遍历 祖先/同胞/后代/过滤
祖先 .parent()直接父级元素 .parents()所有祖先元素 可过滤 示例:$('#id').parents('li') .parentuntil()两个给定元素之间的所有祖先元素 示例:$('#id').parentuntil('div') 同胞 .siblings() 所有同胞元素 .next()下一同胞元素 .nextall() 所有跟随的同胞元素 .nex...原创 2018-09-03 23:19:16 · 382 阅读 · 0 评论