备案控制台

开发者社区> 问答> 正文

一个web app为了适应不同设备的屏幕是不是需要不同的css文件

一个应用类的web app(基本上以表格,输入框,按键为主), 打算针对iOS和Android设备, 那么为了适应不同屏幕尺寸是不是每个都要有一个css文件, 然后在网页中判断屏幕尺寸来加载不同的css?

本人刚接触css,纯菜鸟一个,
现在宽度不是大问题, 高度却总是搞不定, 尤其是不同屏幕按键的height和上面的字体也需要放大或缩小, 不知道大家有什么别的简单一点的解决方法吗?

展开

收起

a123456678 2016-03-25 16:41:29 3016 0

1 条回答

写回答

取消提交回答

a123456678

不需要多个CSS文件。
多CSS文件对于同时适应PC和Mobile的复杂APP或许有用，只是适应iOS和Android的话，完全没必要，@media 就可以搞定了！
高度却总是搞不定, 不同屏幕按键的height和上面的字体也需要放大或缩小

2019-07-17 19:14:41

赞同展开评论打赏

问答分类：

前端开发 Android开发 iOS开发

问答标签：

web设备设备CSS APP Web CSS web APP文件

问答地址：

开发者社区 > 开发与运维 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

App.tsx文件在项目中的作用是什么？

60

1

0

在《15分钟打造你自己的小程序》中，app.js文件需要配置哪些信息？

37

1

0

准备做款视频直播app。做网站备案时是否需要前置审批文件?

135

1

0

智能媒体管理 web端已经在使用了，现在要了解下app上如何接入使用？

22

1

0

Web应用防火墙app防护如何获取包签名

22

0

0

mPaaS音视频通话中web端是否支持屏幕共享呢？

42

1

0

web端, app端,设备端,自己的业务平台和iot物平台, 五端如何联合起来?

105

1

0

app接入阿里云验证码2.0不需要调阿里云的adk 直接在本地接入一个脚本js文件就可以了吗？

53

1

0

ModelScope如何git别人的创空间，app.py好像不行，看不到克隆的文件？

30

0

0

ModelScope把模型文件传上去后，这个是写到 app.py 里面然后放到仓库里就可以是吗？

52

1

0

问答排行榜

最热

最新

1 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1818998

2 据说在家办公的程序员是这样写代码的？ 1793118

3 阿里云开放端口权限 690258

4 如何升级配置 536288

5 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522844

6 【精品问答】python技术1000问(1) 514124

7 Flink Forward Asia 2021 有奖问答 512903

8 OceanBase 使用动画（持续更新） 359371

9 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329801

10 OSS存储服务-客户端工具 321567

11 为体验实验室取一个新名字。 307475

12 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 304080

13 Win Server 2003-2016 加密勒索事件必打补丁合集 295327

14 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 284196

15 安全组详解，新手必看教程 277341

16 写code还是做管理，开发者如何进行职业规划？ 269129

17 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255880

18 阿里云手机和阿云浏览器连接问题专帖 235687

19 支付宝H5 下载的时候，提示【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】 227432

20 请问阿里云邮箱如何开启SMTP服务啊！ 225862

1 AI宠物更适合当代年轻人的陪伴需求吗？ 458

2 AI客服未来会完全代替人工吗？ 559

3 “云+AI”能够孵化出多少可能？ 758

4 当AI频繁生成虚假信息，我们还能轻信大模型吗？ 532

5 使用免费证书后服务器浏览器访问没有问题，外网访问显示证书不可信，使用同一种浏览器哦 114

6 FFA 2024 大会门票免费送！AI时代下大数据技术未来路在何方？ 1362

7 为什么宜搭的流程流入到钉钉OA审批，钉钉OA审批要收钱啊。。。。 130

8 宜搭UPDATE或UPSERT一次更新数据超过100条怎么办？谢谢各位大大帮帮忙！！！ 102

9 CUDA error: CUDA-capable device(s) is busy 100

10 AI时代，存力or算力哪一个更关键？ 1164

11 求宜搭关联表单的更新方法！！！ 269

12 全网寻找 #六边形战士# 程序员，你的 AI 编码助手身份标签是什么？ 1212

13 老哥们有个需求想请教一下，十分感谢 261

14 关于“通义灵码”而言，这次更新后，他更加人性化，然而我更喜欢fittencode,理由如下 314

15 关于宜搭自定义页面的文本组件循环获取其它表单的子表单数据。 101

16 flink1.20.0 部署后发布报错，是怎么回事，各种配置都配置了 143

17 关于开发者的100件小事，你知道哪些？ 1232

18 AI助力，短剧迎来创新热潮？ 1024

19 "ModelScope默认的下载位置是在哪里？ 445

20 OSS命令行工具ossutil使用问题 166

相关课程

更多

Python Web开发基础

33640

4

去学习

Java Web开发系列课程 - Spring框架入门

30631

25

去学习

企业Web常用架构LAMP-LNMP实战

13008

10

去学习

高校精品课-西安交通大学-Web 编程技术

133

4

去学习

Java Web项目实战 - 图书商城

2666

45

去学习

Java面试疑难点解析 - Java Web开发

792

36

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

Web应用系统性能优化 立即下载

高性能Web架构之缓存体系 立即下载

PWA:移动Web的现在与未来 立即下载

相关实验场景

更多