文档章节

App开发积累经验之CSS

半夏清风
 半夏清风
发布于 2016/06/16 14:10
字数 230
阅读 16
收藏 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
514
9
UI设计师/前端开发工程师 招聘

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

mahb520
2016/08/01
61
1
暑假求兼职

大二本科,暑假准备兼职web开发,有两年管理网站经验,一年开发经验,熟悉html,css会js,会用php开发一些小项目!工资要求,希望能积累更多经验!顺便贴出我正管理的网站www.nhpop.cn...

shawnking
2013/05/14
333
2
移动开发大调查:2%码农拿走54%的APP收入

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

oschina
2014/07/22
5.3K
18
【上海】爱德威软件开发 5K-15K招聘PHP开发人员

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

錢宇
2011/08/24
448
0

没有更多内容

加载失败,请刷新页面

加载更多

Math-Model(二)-无向图最近邻路径搜索

%a=xlsread('../附件一:已结束项目任务数据.xls');clcclearGPS_1=importdata('../GPS_DATA.txt');GPS_2=importdata('../GPS_DATA2.txt');%X=min([min(GPS_1(:,1)),min(GPS_2(:,1))]):......

Pulsar-V
15分钟前
2
0
react-navigation的学习

react-navigation的学习 react-navigation地址:https://reactnavigation.org/docs/en/navigating 导入的路由: import React from "react";import { View, Text } from "react-native";......

android-key
15分钟前
0
0
flume整合kafka,实现exactly one的数据采集

flume-kafka source配置 flume同步kafka的数据需要配置以下几个配置 type,数据源类型,如org.apache.flume.source.kafka.KafkaSource channels,下游对接source的channel名 topics,消费kaf...

厮以为
15分钟前
2
0
推荐:2019年十佳DevOps工具

DevOps落地重要的一方面是选好工具集,本文介绍了最流行的DevOps工具。 开发和运维的集成翻开了软件开发的全新篇章。如果你还是DevOps的新手,或者正在寻求改进已有流程的方法,那么第一道关...

架构师springboot
21分钟前
3
0
威胁预警|首现新型RDPMiner挖矿蠕虫 受害主机易被添加恶意账户

近日,阿里云安全发现一种新型挖矿蠕虫RDPMiner,通过爆破Windows Server 3389端口RDP服务的方式进行挖矿木马传播,致使用户CPU占用率暴涨,机器卡顿,更被创建名为DefaultAccount的账号。攻...

阿里云官方博客
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部