bootstrap4示例模板中出现这样的代码 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 这行代码的作用可以让网页的宽度自动适应手机屏幕的宽度,但是多了shrink-to-f ...
原理就是:宽高为零,单独设置border的宽度,然后上右下左,根据需要选择三角形的方向,比如选向上箭头,其他右、下、左设置为透明; /**向下的三角**/ .sanjiao_down{ width:0; height:0; overflow:hidden; font-size ...
jQuery 自 2006 年诞生以来,一个发行了 1.x、2.x、3.x 这三个大版本。而在这三个大版本下又细分了许多小版本。可能有些小伙伴不太清楚这些版本有什么区别?实际开发中应该选用哪个版本?下面我对其做个总结。 ...
iframe设置height为100%无效,实际是因为父空间高度没有设置的问题。 ...
有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle;这样,它们在同一行就会垂直居中对齐了。 ...
HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要。 ...
1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: 50%; -webkit-transform: transl ...
最近几年,随着网络普及和发展,网站作为一种很强大的工具和平台越来越融入了人们的生活,而与用户关系最密切的前端技术也逐渐得到应有的重视。尽管国内前端界的理论和技术与国外相比,在某些方面还有些差距,但是总体水平已经不比国外逊色,在国际上我们也看到了越来越多的中国前端开发工程师的面孔及他们的作品。 ...
关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放,而IE9+及Firefox浏览器都是正常全屏播放的, 通过调试发现是这个class的处理影响了全屏的展示 所以,目前的解决办法是在layer层创建之后,移除这个class即可(注意在success回调中置于下一轮事件循环) 处理方法即在 ...
今天要写一个网页, 浏览器是chrome, 网页里有个自动播放的视频背景, 万事大吉,但是chrome怎么也无法自动播放。360浏览器正常。 网上花了很长时间,但都是说 autopaly ="autopaly" 就可以了。 最后弄了半天, 发现chrome 从18年起就不支持了。。。 ...
一、设置placeholder的方法 placeholder属性用来设置控件内部的提示信息 <input type="text" placeholder="请输入用户名"> 改变placeholder的样式: input::placeholder { color: red; ...
a标签加边框后, 他们之间会有空隙 请看源代码 <style> *{ margin: 0; padding: 0; } a{ border: 1px solid #CD1E21; } </style> <body> <a href=""& ...
很简单,css中加入如下代码 .dropdown:hover>.dropdown-menu { display: block; } .dropdown>.dropdown-toggle:active { pointer-events: none; } 修改完成后发现一个小问 ...
增加一下js代码 $(function () { $(".dropdown").mouseover(function () { $(this).addClass("open"); }); $(".dropdown").mouseleave(function(){ ...
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"&g ...
在HTML中,<form>表单的<input type="button">可以添加一个按钮。 ...

关注我们的公众号

微信公众号