HTML
、不知不觉、
这个作者很懒,什么都没留下…
展开
-
writing-mode、flex实现css多列布局,从上到下,从左到右
需求: 实现list从上到小排列,一列三行;余下的另起一列。效果直接运行html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>多列布局</title> <style> .container { writing-mode: vertical-lr; .原创 2021-06-28 17:13:23 · 1420 阅读 · 1 评论 -
安卓上文字垂直居中解决方案
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalab转载 2018-10-31 18:09:49 · 5087 阅读 · 0 评论 -
css设置滚动条样式,隐藏滚动条
css部分/* 横向滚动容器 */.scroll-wrapper { width: 100%; overflow-x: auto; height: 22px; white-space: nowrap; display: flex; -webkit-overflow-scrolling: touch;}.scroll-wrapper span...原创 2018-08-06 15:11:17 · 4730 阅读 · 2 评论 -
vue里transition实现动画,在ios10.3上无效;打包后低版本安卓系统webview动画失效
页面有个弹窗,我要实现的效果就是弹窗从底部滑上来,并伴随轻微的抖动效果。 HTML部分:&amp;amp;lt;transition name=&amp;quot;bounce&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;my-popup&amp;quot; v-show=&amp;quot;showPo原创 2018-07-25 13:08:09 · 4159 阅读 · 0 评论 -
网页调试vconsole和eruda
方法一:vconsole 预览地址:https://www.w3cways.com/demo/vconsole/ 官方文档:https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md使用方式: 在header里引入此js&lt;head&gt; &lt;script src="https://www.w3cw...原创 2018-07-17 15:29:35 · 8338 阅读 · 0 评论 -
html,让页面滚动到指定位置
做了一个列表,根据字母a-z的顺序排序,并且在页面右边使用fixed定位显示a-z,点击字母,列表滚动到相应的的位置,如图: 滚动部分的js代码如下:let obj = document.getElementById(id)let oPos = obj.offsetTop - (50*document.documentElement.clientWidth/375);document原创 2018-01-27 15:13:04 · 12545 阅读 · 0 评论 -
记录一下开发过程中遇到的一些让人纠结的bug
iphone6p或者iphone7p上给swiper-container设置overflow-y:auto,界面出来后不到1s马上消失.swiper-container{ overflow-y:auto}解决办法:给slider元素设置overflow-y:auto即可。原创 2017-11-28 16:59:20 · 467 阅读 · 0 评论 -
h5页面,关闭手机键盘
document.activeElement.blur();转载 2017-03-13 13:42:52 · 10173 阅读 · 0 评论 -
使用html5 history实现微信端,再按一次返回按钮 返回微信
转载 https://segmentfault.com/a/1190000006123059转载 2016-08-01 11:44:35 · 16165 阅读 · 1 评论 -
html 发送短信并且带编辑好的内容
send androidsend ios原创 2016-05-18 15:45:23 · 2518 阅读 · 0 评论 -
js判断html页面是否滚动到了最底部
var c;$(window).on("scroll", function() {clearTimeout(c), c = setTimeout(function() {var b = $(window).scrollTop(),c = $(document).height(),d = $(window).height();if(b + d >= c) {var cur转载 2016-03-24 14:21:29 · 4081 阅读 · 0 评论 -
html5去掉元素交互时出现的背景色
在手机浏览器上事件交互会出现背景色,设备浏览器不一样,颜色也不一样,很是影响交互效果。使用css3来解决代码如下:-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;转载 2016-03-04 11:53:25 · 1486 阅读 · 0 评论 -
使用keyup控制文本输入
不允许输入空格输入数字和大写X只能输入数字原创 2015-09-02 16:37:10 · 564 阅读 · 0 评论 -
meta标签控制IE渲染标准模式和兼容模式
meta标签控制IE渲染标准模式和兼容模式从上面的例子可以看出“X-UA-Compatible”的值有两种方式:Emulate+IE版本号,单纯版本号。这两种有何区别呢?Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE原创 2015-01-30 10:36:31 · 9782 阅读 · 0 评论 -
移动平台的meta标签-----神奇的功效
Meta标签中的format-detection属性及含义format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:也可以连写:meta name="format-detection" content="telephone=no,email=no,adr转载 2014-11-08 23:12:19 · 596 阅读 · 0 评论 -
去掉链接、图片、按钮等点击时出现的虚框
safari chrome等默认就没有边框的主要是IE和firfox火狐IEZH原创 2014-08-27 15:48:55 · 807 阅读 · 0 评论