腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

smy

专栏作者

109

文章

333502

阅读量

41

订阅数

解决ios不支持按钮:active伪类的方法

mozilla开发社区上有 :active 不起作用的答案： [1] By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body>. 在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。 document.body.ad

2018-04-03

1.3K0

pc浏览器css和js计算浏览器宽度的差异以及和滚动条的关系

如图： css宽度：1250 不包括滚动条宽度用控制台箭头选取元素显示的左边的宽度：1250 不包含滚动条宽度缩放浏览器右上角显示的宽度：1267 包含了滚动条宽度再看下控制台：由此可计算浏览器滚动条宽度为： window.innerWidth - $(window).width() window.innerWidth：包含滚动条的宽度 $(window).width()：不包含滚动条宽度 document相关的方法都不包含滚动条宽度总结：包含滚动条的只有两个: window

2018-04-03

1.9K0

开发者调试工具Chrome Workspace

Workspace是个什么样的东西呢？他能够在开发者工具中调试修改js或者css同时自动保存文件，能够避免开发人员在工具中调试好，再到编辑器中修改一次代码的重复操作，能够提高一定的效率配置Chrome Workspace功能 Chrome Workspace功能是将在Chrome开发者工具（F12）中对文档的修改直接应用于对应文件中。由于Chrome并不知道当然文档对应用的文件为哪个，所以需要配置Workspace的映射关系来告诉Chrome对哪个文件做修改使用Workspace条件

2018-04-03

1K0

css sprite 调整大张图片中小图标的大小

直接说解决方法：假设一张拼合好的大图大小是：900 x 1000 px （如上图）现在想取图中左上角的河马图标，并缩小图标的大小。正常取图： .sprite { background: url

2018-04-03

1.7K0

多行图片hover加边框兼容IE7+

问题：遇到多行多列排列的图片时，hover上去加边框会把下面的图片挤到别处 ============================================================ 注意： IE11以下浏览器加载图片会默认给它加一个1px的边框解决方法：对图片设置border:none ============================================================= hover加边框解决方案：原先： <li> <img /> <h3></h

2018-04-03

9170

谷歌调试工具选取元素选择不到页面的具体元素问题

z-index的问题 document的默认值是0. 一旦出现这种问题，检查下是否对大背景设置了z-index：-1; 如果设置了这个，那么所有的被设元素的内容都会在document之下，选取不到。包括不会出现链接点击、文字选取、hover等效果。所以解决这个问题的方法就是把大背景的z-index:-1;去掉即可。

2018-04-03

8740

webapp设置适应pc和手机的页面宽高以及布局层叠图片文字

<!DOCTYPE html> <html lang="zh-cn"> <head> <title>我趣旅行网-美剧迷</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=

2018-04-03

6850

css控制标题长度超出部分显示省略号

width: 50px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为text-Overflow。 --------------------------------------------------------------------------------- 语法：　　text-overflow : clip | ellipsis

2018-04-03

1.5K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态