Troubles-Shooting
文章平均质量分 78
杨不败
公众号 杨不败
展开
-
在移动端使用rem布局后,使用背景图片出现显示不正确
原因: 因为图片设置成背景后,移动端是响应式布局,就会造成背景图片无法正确显示。因为背景图片也被缩放了。解决方法: 通过给背景图片设置background-size: contain; 就可以解决,这个是让背景图片自动缩放达到自适应完全显示出来。一般不怎么模糊就可以了。原创 2018-02-01 15:45:33 · 2749 阅读 · 0 评论 -
如何巧妙的在使用markdown的时候上传或者插入图片
在使用有道云笔记或者直接书写markdown语法的时候,如何插入图片是一个比较麻烦的事情。问题在于: 使用本地的图片地址的话,如果以后电脑存放图片地址变了或者不小心删掉了,那么笔记里的图片也就没了。一个非常酷的解决方法是: 可以用CSDN博客来解决,你可以先将需要插入笔记里的图片上传到CSDN博客上,并且设置为私密就可以了,然后在有道笔记上就使用CSDN博客上的图片的url地...原创 2018-03-05 19:55:20 · 5597 阅读 · 4 评论 -
markdown转pdf最简单的方法
使用chrome浏览器使用有道云笔记编写markdown文件到应用中心下载Markdown Preview Plus 插件 下载地址: Markdown Preview Plus在扩展程序中设置允许访问文件地址然后将md文件拖到浏览器中预览,然后右击打印,然后选中保存为pdf就可以了。完美解决使用有道云笔记时,没有将md文件另存为pdf的问题。这样就不用再使用为知笔记...原创 2018-03-05 19:48:51 · 30130 阅读 · 6 评论 -
解决子级用css float浮动 而父级div没高度不能自适应高度
作为推荐解决父级不能被撑开自适应高度的方法,可以不增加div盒子对象,只需要对父级加一个overflow:hidden样式即可。原创 2018-01-23 13:50:00 · 275 阅读 · 0 评论 -
P标签内容自动换行
style type="text/css"> .desc{ line-height: 20px; }style>p class="desc">xxxxxxxxp>设置line-height就可以了,如果居中则加text-align: center,左对齐就不写原创 2018-01-23 13:51:43 · 4721 阅读 · 0 评论 -
placeholder兼容IE8浏览器
第一种方法 思路是用js的focus和blur实现placeholder功能。 新建一个js文件(function() { if(!('placeholder' in document.createElement('input'))) { $('input[placeholder],textarea[placeholder]').each(functi原创 2018-01-24 13:58:46 · 285 阅读 · 0 评论 -
将json文本格式的数据结构化输出在浏览器上
推荐chrome插件,地址如下: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?utm_source=InfinityNewtab我测试了一下,将从mongdb数据库获取的JSON文本格式的数据输出在网页上,没有用插件之前。 使用插件后,刷新页面显示为 很好的一款chrom原创 2017-12-26 21:26:26 · 3045 阅读 · 0 评论 -
彻底解决webstorm中加载node_modules卡死问题--不灵包赔
终极步骤 随便打开webstorm,记住不要在第一次打开webstorm就打开带有node_modules的项目,除非你脑袋瓜生锈了。然后进入File —> Settings 进入设置界面后!我自己亲自做了一张图,按照下面这张图,绝对能成功。放图!!原创 2017-08-05 11:49:01 · 18550 阅读 · 8 评论 -
一招解决WampServer服务器离线问题
前端初学者在使用wampserver模拟Ajax请求时,经常会遇到安装好后离线,多次安装都无法使用,这是因为80端口被占用,今天我们一招解决这个问题。我这个wampserver是最新版的,建议要更新至最新版。按照下面图片方式执行,桌面右下角找到wampserver小图标,记住最重要的一步,左击【一定是左击小图标】,然后按照图片的方式找到httpd.conf,左击进入。找到如下图片所示地方你们的最后两原创 2017-05-06 09:40:43 · 22765 阅读 · 7 评论 -
WebStorm设置Ctrl+滚轮调整字体大小
第一步:点击左上角的File,再点击setting第二步:Editor->General,选择Change font size (Zoom) with Ctrl+Mouse Wheel第三步:点击OK即可。原创 2017-04-18 22:07:35 · 5677 阅读 · 0 评论 -
清除浮动最好的两种方式
清除浮动最好的两种方式 .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } //为兼容IE6,IE7,因为ie6,原创 2017-02-08 17:06:51 · 1741 阅读 · 0 评论 -
文本溢出边界显示为省略号
文本溢出边界显示为省略号html> head> meta charset="UTF-8"> title>title> style> /*此方法FireFox5.0尚不支持*/ .box{ width: 200px; white原创 2017-02-08 17:17:42 · 576 阅读 · 0 评论 -
SVN中忽略本地指定文件上传【包解决】
找到指定文件,右击,按照下面图片操作,点击指定的文件,点击确定即可忽略成功原创 2018-01-25 16:47:51 · 9676 阅读 · 0 评论 -
当内嵌元素和图片一起在一个div里设置line-height时,出现不同时居中的情况
代码如下html>head> title>title> meta charset="utf-8"> style> .box{ margin: 40px; height: 100px; width: 600px; background: skyblue; line-height:原创 2018-01-28 23:05:18 · 1326 阅读 · 0 评论 -
移动页面自适应手机屏幕宽度
关于移动页面自适应手机屏幕宽度的一点总结【站在巨人的肩膀上】使用meta标签最常用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。标签如下解释content中的“width” 这个width指的是什么宽度?有几个选择:列表内容虚拟窗口的宽度手机屏幕的宽度页面的宽度原创 2017-05-22 10:56:23 · 3336 阅读 · 0 评论 -
border-box和content-box最直观的区别和解释【不理解包赔】
chrome浏览器默认是content-box,什么是content-box,我用最简单的语言解释给你听。 content-box就是用元素的width和height觉得元素的高宽,这就意味着元素的padding和border等不能算在width和height中。啥意识?简洁介绍一下。元素的width和height决定元素的内容,padding和border的改变不能改变wi原创 2018-01-26 10:50:45 · 17688 阅读 · 4 评论 -
一招解决 npm i 安装 node-sass 出现错误
问题: npm i安装出现错误,显示安装node-sass出现错误。错误显示如下:无法从https://github.com/sass/nodesass/releases/download/v4.7.1/win32-x64-57_binding.node下载二进制文件无法下载https://github.com/sass/node-sass/releases/download/v4....原创 2018-04-12 01:33:22 · 12220 阅读 · 1 评论