||的一些复杂运算,一般情况下(表达式||表达式),有一个为真,结果返回为真值。 此段代码从左向右读取,当max_width 的值为假时,读取windows_width的值,若windows_width的值也为假,则取500这个值,即 var max = 500 ...
分类:
其他好文 时间:
2017-06-27 10:56:01
阅读次数:
106
(一)响应式图片: 在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。 注 ...
分类:
其他好文 时间:
2017-06-26 17:09:07
阅读次数:
285
在栅格系统中,我们在 Less 文件中使用以下媒体查询(media query)来创建关键的分界点阈值。 Copy 我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。 Copy ...
分类:
其他好文 时间:
2017-06-26 00:37:51
阅读次数:
148
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>画面自适应</title> <link rel="stylesheet" href="css/pic480.css" media="(max-width:480px ...
分类:
其他好文 时间:
2017-06-24 19:42:30
阅读次数:
120
在我们近期的一个h5切图的项目中,因为h5手机网站在竖屏下的效果最好 ,横屏下体验不好,那么如果能够在用户横屏浏览的时候,给一个提示:请竖屏浏览获得更加体验。那就可以很好的解决了。 网上很多js解决方案和css多媒体查询但是需要一个个测试,以下是亲测有效的做下笔记 @media (max-width ...
分类:
其他好文 时间:
2017-06-24 19:36:26
阅读次数:
164
1.媒体查询:@media only screen and (max-width: ) {},在最初做pc端时,使用各种媒体查询,因为pc的屏幕分辨率总共就几种,不嫌麻烦的重复使用类名。有很大的缺陷就是UI给的设计稿宽度是一定的,在做响应式式凭借自己的感觉是一种超级不爽的美感纠结症。 2.百分比:百 ...
分类:
移动开发 时间:
2017-06-21 09:37:25
阅读次数:
320
记录以下mybatis中的转义字符,方便以后自己看一下 需要注意的是分号是必不可少的。 比如 a > b 我们就写成 a > b 当然啦, 我们也可以用另外一种,就是<![CDATA[ ]]>符号。 在mybatis中这种符号将不会解析。 比如 ...
分类:
其他好文 时间:
2017-06-16 18:29:42
阅读次数:
123
img{ position: relative; max-height: 100%; max-width: 100%; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translateX(-50%) transl... ...
分类:
移动开发 时间:
2017-06-16 14:23:43
阅读次数:
224
1、 判断中英文 2、 自动滚动条设置 链接(CSS滚动条实现步骤及美化小技巧): http://www.w3cschool.cn/css/css-scrollbar.html 3、 展示信息用table比较合适 单元格中换行需要设计min-width和max-width属性。 当有其他事件注册时, ...
分类:
其他好文 时间:
2017-05-29 12:48:32
阅读次数:
148