html
关注
分享
扫一扫
文章平均质量分 80
雨季～～
写是为了更好的思考，所以写作变得非常有乐趣！
展开
-
cube ui tabbar 组件结构布局理解
在之前项目中，由于设计图对tabbar设置固定的宽度，但是cube ui中都是全宽，在写项目的时候没有仔细看html布局和css样式，以为不能改变为固定宽度。在项目结束后，我研究了一下，终于解决。选中下划线：根据translate平移做的...原创 2019-06-27 16:51:46 · 1162 阅读 · 0 评论 -
关于web前端最头疼的适配问题
pc适配： 1.采用百分和css3的媒体查询进行适配， 实际的宽度高度（单位：%）=实际宽度或者高度 / 屏幕分辨率宽（1920）* 100% 2.vw单位慢慢开始得到浏览器的支持，实际宽度高度（单位：vw）=实际宽度高度/屏幕分辨率宽（1920）*100% 3.媒体查询，给不同分辨率设置单独的样式在某公司写一个主系统pc端的后台管理系统的时候，就遇到适配问题。一...原创 2019-07-10 11:46:46 · 1203 阅读 · 0 评论 -
Safari浏览器中工具栏的高度问题
苹果浏览器工具栏是否占html页面高度有以下情况第一种：使用高度100vh时：100vh=当前视口可见高度 这种情况下工具栏的高度是不包含在100vh里面的，所以设置高度为100vh在苹果浏览器中打开会出现滚动条的问题或者页面被工具栏遮挡，这种是我在移动端开发中比较常用的方式，快捷简单。第二种：直接设置html,body,div 一级一级的设置高度为：100% 在苹...原创 2019-07-10 14:18:06 · 10150 阅读 · 0 评论 -
解决ios浏览器中无法禁止缩放的问题
最近在项目开发过程中发现在Safari浏览器中双击按钮会导致页面放大的问题，首先我看了mete标签并在这个标签中添加了禁止用户缩放的属性，这个bug依然存在，百度一番资料后，发现在 iOS 10之前，iOS 和 Android 都可以通过一行 meta 标签来禁止页面缩放 <meta content="width=device-width, initial-scale=1.0, ma...转载 2019-07-16 14:18:41 · 1662 阅读 · 0 评论 -
html5拖拽事件总结
html5的拖拽是一个比较常见的功能，目前jQuery封装的拖拽插件也比较多，这里我用原声js写一个简单的拖拽demo，主要是便于了解拖拽的原理。希望对初学者有所帮助。html5拖拽属性：draggable 让div可拖放：<div draggable='true'><!doctype html><html> <head>...原创 2019-08-22 10:39:37 · 368 阅读 · 0 评论