文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

cmd中查询mysql表出现中文乱码

问题:在pycharm中正常的fetchall拉取数据,能够正常显示,而在cmd中直接select却出现中文乱码。 解决思路:右键查看cmd命令窗口属性得到,cmd窗口默认编码是gbk(如下图所示),而设置的mys...

fang_faye
16分钟前
1
0
centOS 安装Python3与python2并存

centOS 安装Python3与python2并存 如果本机安装了python2,尽量不要管他,使用python3运行python脚本就好,因为可能有程序依赖目前的python2环境, 比如yum!!!!! 不要动现有的python2环...

MedivhXu
42分钟前
1
0
Spring JdbcTemplate模板模式与回调结合分析

在看Spring的JdbcTemplate的时候,看到其将模板模式和回调模式结合使用的实现,可以精妙的解决很多的问题。详见Spring中涉及的设计模式总结中的关于模板模式和回调模式结合的具分析,本文利用...

宸明
今天
1
0
docker update:更新一个或多个容器的配置

更新容器的配置 docker update:更新一个或多个容器的配置。 具体内容请访问:https://docs.docker.com/engine/reference/commandline/update/#options 语法:docker update [OPTIONS] CONTA...

lwenhao
今天
3
0
unload事件

unload事件不触发的原因分析 1.代码位置不对,应该优先加载,不能放到回调函数中 2.浏览器不支持 3.最可能的原因,unload事件中触发的函数是一个异步执行的函数,浏览器是不允许在窗口关闭之后在...

狮子狗
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部