摘要:流式布局概念流式布局是页面元素宽度按照屏幕分辨率进行适配调整,但是整体布局不变。有些手机页面的宽度会被拉伸,但是高度不变,很不协调。弊端全局缩放,可能会造成出错。这两者适合在大项目中,因为可以配合或是,不适合单页面。 1. 流式布局 概念:流式布局是页面元素宽度按照屏幕分辨率进行适配调整,但是整体布局不变。 设计方法:布局都是通过百分比来定义宽度,但是高度大都是用px固定的。 弊端:...
摘要:可是由于新的公司所用的就是这样的一个技术栈不得不放下自己的观念敞开胸怀去迎接他就这样顺理成章的从切换到了目前为止公司的前端主要都是在使用或者此时曾经那种对的抵触心理已完全没有了腰也不疼了腿也有劲了吃东西也有胃口了。 showImg(https://segmentfault.com/img/bV1ck2?w=1100&h=719); 先来点实在的,附上这一年关于前端框架(React,An...
摘要:今天在做项目的时候碰到这个问题右侧红线内的小标题单行两端对齐。两端对齐的属性我们知道是,但是这个属性有它的局限性只能为或多行文字才能实现两端对齐。也就是说,在现在的情况下,小标题的单行文字仅仅使用是实现不了两端对齐的。 今天在做项目的时候碰到这个问题:右侧红线内的小标题单行两端对齐。 showImg(https://segmentfault.com/img/bVQv1a?w=319&h...
摘要:方法一不能指定任意大小百分比,可用,用于单张图片不能使用图片精灵等拼图,要引用绝对路径图片,兼容,方法二这个链接直接提取下载我把这个文件放在文件夹目录下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=images/logo.gif, sizingMethod=scale); -ms-filte...
摘要:闲来无事,用写了个时钟,只要思路理清了,做起来其实还挺简单的。先发个效果链接点击查看代码实现这里要注意的是里面的宽度给够,要不然后面用布局会出现问题。 闲来无事,用JS写了个时钟,只要思路理清了,做起来其实还挺简单的。 先发个效果链接 点击查看 Demo showImg(https://segmentfault.com/img/bVzKLJ); 代码实现 HTML ...