响应式布局
麦兜_冰夕
这个作者很懒,什么都没留下…
展开
-
2021-03-16
pc端web页面开发时,发现windows系统经常推荐用户使用125%、150%比例的缩放窗口,这样导致web页面被进行缩放,除此之外还有人为的按钮缩放。故此,在页面devicePixelRatio(设备像素比例)变化后,通过计算页面body标签zoom修改其大小,来抵消devicePixelRatio带来的变化。 解决所用devicePixelRatio.js /** * @author lyn * @date 2021-03-16 * @description 校正windows页面在系统原创 2021-03-16 10:51:19 · 113 阅读 · 0 评论 -
判断浏览器,各浏览器页面高度自适应(平铺),各浏览器自适应去除滚动条,浏览器分辨率自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src = "jquery-1.11.0.min.js"&原创 2017-11-13 15:22:47 · 1318 阅读 · 0 评论 -
PC端浏览器自适应(火狐、谷歌、IE11),媒体查询@media
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> body,html,*{原创 2017-11-15 18:01:25 · 5353 阅读 · 0 评论 -
【转载】flex:1;详解
原文地址:https://segmentfault.com/q/1010000004080910/a-1020000004121373仅供参考!首先明确一点是, flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况:flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值,则 flex 的默认值是 0 1 auto。同理,如下...转载 2018-05-30 11:28:43 · 4504 阅读 · 0 评论