- 博客(5)
- 收藏
- 关注
原创 Chrome和Safari布局思考
在移动前端上避免使用100vh单位CSS中的视口单位听起来很棒。 如果要设置元素的样式以占据整个屏幕的高度,则可以设置height: 100vh,您拥有一个完美的全屏元素,该元素会随着视口的变化而调整大小! 可悲的是,事实并非如此。 100vh在移动浏览器中以微妙但基本的方式被破坏,这使其几乎无用。 最好避免100vh ,而是依靠javascript设置高度以获得完整的视口体验。 核心问题是移动浏览器(我正在为您浏览,Chrome和Safari)具有“帮助”功能,其中地址栏有时可见,有时隐藏,从而改变了视
2021-11-29 14:48:04
202
原创 Vant Weapp <van-cell>
Vant Weapp 微信小程序开发,引入vant UI组件 若没有报错页面却不显示内容,可以将组建的声明引入当前页面下,而不是app.json中
2020-12-04 16:10:42
708
原创 CSS面经
1. 介绍一下标准的css的盒子模型?低版本IE的盒子模型有什么不同标准模型由四部分组成:内容区域: 可以放置元素的区域如文本,图像等,一般设置宽高指的是这个内容的宽高内边距的区域:内容与边框之间的距离边框区域: 边框外边框区域:由外边框限制,用空白区域扩展边框区域,开分开相邻的元素模型区分:标准表型指的是设置box-sizing为content-box的盒子模型,一般width,height指的是content的宽高。IE盒模型指的是box-sizing为border-box的盒子。宽高的
2020-11-04 00:01:02
748
原创 HTML面经
HTML面经1. DOCTYPE 的作用是什么?DOCTYPE是document type(文档类型)的简写,声明位于HTML文档中的第一行,处于标签之前。告知浏览器的解析器用什么文档(哪种HTML或XHTML)标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现2. 标准模式与兼容模式各有什么区别?标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。3.SGML 、 HTML
2020-11-03 23:46:02
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人