psrheartache
blog
编程
标签
归档
Github
psrheartache
blog
编程
标签
归档
Github
Miracles sometimes occur,
but one has to work terribly for them.
人生除了眼前的苟且,还有未知的
bug
和看不懂的
code
Scroll
show you the code <meta name="viewp ...
css实现左边固定宽右边自适应
2019-06-06
psrheartache
#css
提供基础的样式初始化
tool.less
2018-03-12
psrheartache
#less
#css
语法 使用两个空格的 soft tabs — 这是保证代码在各种环境下显示一致的唯一方式。 使用组合选择器时,保持每个独立的选择器占用一行。 为了代码的易读性,在每个声明的左括号前增加一个空格。 声明块的右括号应该另起一行。 每条声明 : 后应该插入一个空格。 每条声明应该只占用一行来保证错误报告更加准确。 所有声明应该以分号结尾。虽然最后一条声明后的分号是可 ...
css 规范
2017-07-07
psrheartache
#css
#less
#stylus
当form下只包裹一个input的情况下,在回车时,会自动提交(页面会刷新) 解决办法:加入一个input display:none ...
表单的默认行为
2017-06-09
psrheartache
#css
作为一位前端技术人员,了解网站的性能优化方面的知识是很基本的,但是我很惭愧我现在才了解到这一点T^T,以下是我学习yahoo性能优化十四条规则的笔记: 一、减少http请求次数 如何减少http请求次数: > - 组合页面中的图片到单个文件中,并使用css的background-image和background-position属性来实现所需部分的图片; > - 组合多个脚本 ...
雅虎性能优化的十四条规则
2017-06-08
psrheartache
#css
#javaScript
问题 在滚动模态框里的内容的时候,背景(模态框下面的内容)也在跟着滚动 css 之 overflow: hidden .modal-open { &, body { overflow: hidden; height: 100%; } } 页面弹出层上将 .modal-open 添加到 html 上,禁用 html 和 bod ...
移动端滚动穿透解决办法
2017-06-07
psrheartache
#css
#javaScript
解决办法:有表单数据尽量在页面完成,不用类似popup的浮层 ios 下滑动不平滑 html, body { -webkit-overflow-scrolling: touch; } ios 下表单的默认外观样式 input select{ -webkit-appearance: none; } 禁止ios 长按时不触发系 ...
移动端css优化
2017-06-06
psrheartache
#css
1.用小数来写px值 IOS8以上已经支持带小数的px值, media query对应devicePixelRatio有个查询值-webkit-min-device-pixel-ratio, css可以写成这样 .border { border: 1px solid #999 } @media screen and (-webkit-min-device-pixel-ra ...
移动端1px解决方案
2017-06-06
psrheartache
#css
推荐
在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。 固定高度的实现方式 html <div class="sticker-co ...
什么是Sticky footers布局
2017-06-06
psrheartache
#css
#sticky footers