文档章节

App开发积累经验之CSS

半夏清风
 半夏清风
发布于 2016/06/16 14:10
字数 230
阅读 15
收藏 0

        背景图片如果需要自动适应屏幕的大小,可以使用css3.0的background-                               size:cover;background-size的cover特定值会保持图像本身的宽高比例,将图片缩放到正好完全覆盖定义背景的区域。如果我们不使用自适应行框架搭建网页,则每种图片需要三套,宽度以像素为单位分别为:640px,750px,1242px,如果以厘米为单位, 则需要11.29cm,22.57cm,33.86cm,效果比较好。

    图片的需要如果背景需要改动当使用PNG格式。css代码参考实例:

@media (min-width: 412px){
    .top_wrap{
        height: 3.80rem;
    }
    .agendum_wrap{
        height: 3.64rem;
    }
}

此代码可改图片的覆盖区域。

@media (-webkit-device-pixel-ratio: 1){
    .top_wrap{
        background: url(../../images/Live/top_bg.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
    .agendum_menu{
        background: url(../../images/Live/agendum.png) center top no-repeat rgba(0,0,0,0.4);
        background-size: 100% auto;
    }
}

此代码为图片的转换。

© 著作权归作者所有

共有 人打赏支持
半夏清风
粉丝 2
博文 24
码字总数 3651
作品 0
西安
私信 提问
这边能招到 PHP 大神吗

招聘php及APP开发[杭州新加坡科技园] 杭州故乡人网络科技有限公司 岗位职责: 1、电子商务网站开发、系统开发; 2、按照项目管理流程,参与研发部门的总体设计评审; 3、进行详细设计、代码开...

magton
2016/03/25
435
9
UI设计师/前端开发工程师 招聘

职位描述 1、负责PC端、负责Html5网站及移动端Web App开发; 2、Html5网站系统的性能稳定和优化升级; 3、为产品后期运营提供升级、维护等技术支持。 4.与后台开发工程师协作,完成各种数据交...

mahb520
2016/08/01
61
1
移动开发大调查:2%码农拿走54%的APP收入

开发者经济近日发布的《2014年移动开发经济报告》(请登录下载)调查了约一万名开发者,结果显示50%的iOS开发者和47%的Android开发者处于应用开发贫困线以下,每月收入不到500美元。这意味着...

oschina
2014/07/22
5.2K
18
AppCan认为,移动APP开发不是技术活

很多粉丝反应,AppCan的文章太专业了,技术大大们毫不费劲,小白看的晕乎乎。 时代变了,5年前,AppCan的受众只有开发者。现在,政府高管、集团董事长、非技术类管理者、中小企业主、各行各业...

梅朵
2016/06/13
455
1
Amaze UI让HTML5 Web应用接近原生体验

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其“HTML5跨屏前端框架Amaze UI”高调亮相,并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。 组件化是Web开发的未...

妹子有爱
2015/08/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

用any-loader封装jQuery的XHR —— 随便写着玩系列

哎,都说没人用JQuery啦,叫你别写这个。 其实我也是好高骛远使用过npm上某个和某个很出名的XHR库,嗯,认识我的人都知道我喜欢喷JQ,以前天天喷,见面第一句,你还用JQ,赶紧丢了吧。但我也...

曾建凯
今天
4
0
聊聊storm的AggregateProcessor的execute及finishBatch方法

序 本文主要研究一下storm的AggregateProcessor的execute及finishBatch方法 实例 TridentTopology topology = new TridentTopology(); topology.newStream("spout1", spout......

go4it
今天
3
0
大数据教程(7.5)hadoop中内置rpc框架的使用教程

博主上一篇博客分享了hadoop客户端java API的使用,本章节带领小伙伴们一起来体验下hadoop的内置rpc框架。首先,由于hadoop的内置rpc框架的设计目的是为了内部的组件提供rpc访问的功能,并不...

em_aaron
今天
5
0
CentOS7+git+github创建Python开发环境

1.准备CentOS7 (1)下载VMware Workstation https://pan.baidu.com/s/1miFU8mk (2)下载CentOS7镜像 https://mirrors.aliyun.com/centos/ (3)安装CentOS7系统 http://blog.51cto.com/fengyuns......

枫叶云
昨天
4
0
利用ibeetl 实现selectpicker 的三级联动

1. js 直接写在html页面上面,ibeetl 就可以动态地利用后台传上来的model List ,不需要每次点击都要ajax请求后台 2. 使用selectpicker 的时候,除了对selecct option的动态处理后,还需要 $("#...

donald121
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部