![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Html/Css
总结html 和 css相关问题
白兔仔
所知甚少,唯善学。
展开
-
meta标签minimal-ui 、target-densitydpi属性
<meta id="viewport" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui"> iOS 7.1 的 Safari 中为 meta 标签新增 minimal-...原创 2019-01-12 18:48:51 · 1604 阅读 · 0 评论 -
html5 svg里text的文本颜色怎么改变颜色
html5中的svg是可缩放矢量图形(Scalable Vector Graphics),SVG 使用 XML 格式定义图像的。颜色的定义是用stroke属性,可以指定颜色值。定义svg:<html> <body> <h1>My first SVG</h1> <svg xmlns="http://...原创 2019-01-08 15:26:32 · 10979 阅读 · 1 评论 -
js获取窗口大小并监听窗口变化
demo: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&a原创 2018-12-16 21:19:57 · 13405 阅读 · 0 评论 -
原生js和jQuery获取元素的宽高比较
截图效果和盒子模型:在jQuery中,width()方法用于获得元素宽度;innerWidth()方法用于获得包括内边界(padding)的元素宽度;outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度;如果outerWidth()方法的参数为true则外边界(margin)也会被包括测试demo代码:<!DOCTYP...原创 2018-12-16 20:24:51 · 734 阅读 · 0 评论 -
鼠标移入div显示查看更多demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-12-19 22:53:26 · 982 阅读 · 0 评论 -
html5 css reset (CSS重置)
body { font-size: 14px; //依据公司需求 font-family: 'Hiragino Sans GB','microsoft yahei'; }body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul { margin: 0}ol,ul { list-style: none; paddin...原创 2018-12-19 15:25:46 · 1362 阅读 · 0 评论 -
关于img父容器的高度会比img的高度多几像素的问题
产生原因简而言之:基线问题,div是块级标签,img是行内块元素,在块元素里默认有3px或者4px空白(其实就是和文本的基线对齐不管有没有文本)解决:1. 设置图片(推荐)display:block2.img { vertical-align:top; } 3. 设置父元素:(不推荐)font-size:04 为div定高并且设置(不推荐)...原创 2018-12-19 15:15:31 · 2166 阅读 · 2 评论 -
子元素的margin-top属性传递给父元素的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-12-19 14:55:32 · 591 阅读 · 0 评论 -
常见前端问题汇总(1)
301重定向和302重定向的区别 http状态码301和302详解及区别——辛酸的探索之路 img 是不是DOM节点? 轮播图3D效果:参考链接地址 ajax中post方法传参数,会丢失&,%,+',要转义 ajax 设置Access-Control-Allow-Origin实现跨域访问 git拉取远程分支并创建本地分支 git回退到某个历史版本 git reset --...原创 2018-11-08 23:50:31 · 299 阅读 · 0 评论 -
CSS经典布局---自适应
思路:头部和底部采用绝对定位,中间部分采用绝对定位,其top、bottom值为头部和底部的快读,中间部分内容的左右采用相对定位(采用绝对定位,浮动失效),中间采用绝对定位,其right、left值为左右的宽度。代码:原创 2018-06-24 17:12:25 · 274 阅读 · 0 评论 -
移动端click事件延迟300ms问题(web页面点击没问题,手机端单击变成双击效果)
移动端300ms点击延迟和点击穿透问题详细原理参考https://www.jianshu.com/p/6e2b68a93c88(此文章内方法未测试,只参考原理)具体解决方案如下:(亲测有效)操作系统ubuntu18.4 64位因为历史原因,移动端点击事件会有300ms延迟,来判断用户是连续双击缩放还是点击跳转。即如果300ms内连续点击两次,则会理解为对页面进行缩放操作(当然前提是移动端页面设置为...原创 2018-06-20 18:46:55 · 1474 阅读 · 0 评论