文档章节

App开发积累经验之CSS

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

精选30+云产品,助力企业轻松上云!>>>

        背景图片如果需要自动适应屏幕的大小,可以使用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
534
9
UI设计师/前端开发工程师 招聘

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

mahb520
2016/08/01
81
1
出发吧-旅行计划招聘 Web前端工程师

我们是谁 - 我们是一家初创的移动互联网公司,产品是【出发吧-旅行计划】,它是一款专注于在移动端做旅行计划的App(目前只有iOS版本),我们希望它能帮助到千千万万的自助游爱好者。 - 我们...

Innospace
2014/08/15
14
0
【上海】爱德威软件开发 5K-15K招聘PHP开发人员

上市外企在上海的研发中心, 做IPHONE WEB游戏开发、电子商务数据分析、网络广告系统、以及其他新产品研发。 我们自主研发并运营的产品在日本IPHONE APP Store总收费排行榜位居首位,并拥有大...

錢宇
2011/08/24
468
0
AppCan认为,移动APP开发不是技术活

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

梅朵
2016/06/13
579
1

没有更多内容

加载失败,请刷新页面

加载更多

如何在屏幕底部对齐视图? - How to align views at the bottom of the screen?

问题: Here's my layout code; 这是我的布局代码; <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orien......

fyin1314
32分钟前
8
0
微信小程序如何修改小程序名称

如何修改微信小程序的名称。 微信小程序是在 app.json 中定义的。 你可用修改 app.json 中的 navigationBarTitleText": “云开发 QuickStart”, 字段。 xiug修改后保存,你就可以看到小程序的...

honeymoose
50分钟前
27
0
将符合ISO 8601的字符串转换为java.util.Date - Converting ISO 8601-compliant String to java.util.Date

问题: I am trying to convert an ISO 8601 formatted String to a java.util.Date . 我正在尝试将ISO 8601格式的String转换为java.util.Date 。 I found the pattern yyyy-MM-dd'T'HH:mm:s......

富含淀粉
今天
17
0
jQuery选择器中的通配符 - Wildcards in jQuery selectors

问题: I'm trying to use a wildcard to get the id of all the elements whose id begin with "jander". 我正在尝试使用通配符来获取id以“jander”开头的所有元素的id。 I tried $('#jand......

法国红酒甜
今天
19
0
唐山5.1级地震 百度人工智能技术帮上忙:成都减灾所提前30秒让北京、天津市民收到预警

本文作者:y****n 7月12日6时38分在河北唐山市古冶区发生5.1级地震,成都高新减灾研究所与应急管理部门联合建成的大陆地震预警网成功预警该地震,给唐山市提前3秒预警,给天津市提前33秒预警...

百度开发者中心
昨天
30
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部