HTML/CSS
wy_Blog
学习源于点滴的积累
展开
-
小程序上拉加载onReachBottom不触发
1、检查配置对应的config配置文件export default { enablePullDownRefresh: true,}2、查看是否有重复的onReachBottom 被覆盖3、css页面高度height去除.skuBuyFeed { background-color: #121212; width: 100vw; // height: 100vh; padding-top: 80px; overflow-y: auto;}...原创 2021-10-26 17:58:56 · 595 阅读 · 0 评论 -
vue h5页面滑动回弹问题解决
方法一: fixed定位检查问题,发现页面没高度,解决办法:html,body统一设为100%,在父组件的根元素设置position:fixed可以使页面无橡皮筋效果<style>.layout{ position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;}</style>不要将手机页面的高度设为100vh,手机浏...原创 2021-10-26 17:57:03 · 2702 阅读 · 0 评论 -
百度地图获取城市adcode编号cityCode编号
百度找了好久没找到,最后还是自力更生解决问题,获取城市的各种信息和编号直接上代码<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <me原创 2018-07-09 14:30:36 · 23563 阅读 · 2 评论 -
IOS不支持overflow: hidden;
把下边代码放上就好咯.css{height: 100%;overflow: hidden;width: 100%;position: fixed;}原创 2018-01-17 16:16:36 · 4535 阅读 · 0 评论 -
移动前端开发需要注意的20个要点
移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签转载 2017-09-20 16:37:00 · 486 阅读 · 0 评论 -
ie兼容meta标签http-equiv=X-UA-Compatible的用法示例与说明
常见写法如下:#以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。 meta http-equiv="X-UA-Compatible" content="IE=8"> #以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。 meta http-equiv="X-UA-Compatible" conte原创 2017-09-19 11:19:02 · 1685 阅读 · 0 评论 -
点击弹窗
一个点击弹出窗的小例子html:点击这里查看效果 关闭 正在加载,请稍后.... css: body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0;原创 2017-08-31 14:11:00 · 823 阅读 · 0 评论 -
html、表格自动换行
其实只要在表格控制中添加一句就搞定了。其中可能对英文换行可能会分开一个单词问题:解决如下:语法: word-break : normal | break-all | keep-all 参数: normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断转载 2017-06-05 13:24:12 · 6190 阅读 · 0 评论 -
css清除浮动
浮动的影响:大盒子不设置高度,而且大盒子中的子盒子全部浮动,则大盒子的高度将不会被撑开清除浮动:1. 额外标签法:在浮动的元素后面加一个div,给这个div设置clear:both; - 内部标签法:可以撑开父盒子的高度 - 外部标签法:不能撑开父盒子的高度2. 给大盒子设置overflow: hidden; - 缺点:超出大盒子范围的内容会被裁剪3. 伪元素清除浮动 .c...原创 2017-04-24 17:48:18 · 543 阅读 · 0 评论 -
添加滚动条方法
加滚动条的方法:div 设置滚动条显示:overflow :yesdiv 设置滚动条自适应显示:overflow :autodiv 设置上下滚动条显示:overflow-y :yesdiv 设置上下滚动条自适应显示:overflow-y :auto如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative原创 2017-04-24 11:54:04 · 971 阅读 · 1 评论 -
RGB颜色对照表
RGB颜色查询对照表 因为兼容性问题,色阶板功能只能在IE浏览器中运行RGB颜色对照表#FFFFFF #FFFFF0 #FFFFE0 #FFFF00 #FFFAFA #FFFAF0 #FFFACD #FFF8DC转载 2017-04-19 13:04:05 · 2265 阅读 · 0 评论 -
Normalize.css和 reset.css 区别
相同点: 1.重置样式 2.保持跨浏览器一致性 不同点: reset:重置默认样式 目的也是浏览器表现一致性 Normalize:有一些默认的样式不会去做修改 (例如ul当中的li是不是每个浏览器都有点)原创 2017-03-03 20:52:57 · 1175 阅读 · 0 评论 -
如何去除浏览器的滚动条
让竖条没有: 让横条没有: 两个都去掉?更简单了原创 2017-02-08 19:15:04 · 6900 阅读 · 1 评论 -
css三大特性
继承性> color以及tetx-,font-,line-开头的属性都可以继承> a标签的颜色无法继承> h标签的大小无法继承> div的高度如果不设置由内容决定,如果没有内容,高度为0;div的宽度默认由父元素继承过来层叠性权重相同时,后写的样式会覆盖先写的样式优先级!important>行内样式>id选择器>类选择器>标签选择器>通配符>原创 2017-02-18 13:14:01 · 464 阅读 · 0 评论 -
HTML与XHTML的差别
分为两大类比较:一个是功能上的差别,另外是书写习惯的差别。关于功能上的差别,主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页,XHTML的语法较为严谨。所有标签都必须小写在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。标签必须成双成对像是...、...、...标签等,当出现一个标签时原创 2017-02-18 13:04:52 · 2881 阅读 · 0 评论