腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS -字体大小为包含div (元素)的100%

问CSS -字体大小为包含div (元素)的100%
EN

Stack Overflow用户

提问于 2015-02-07 03:58:51

回答 2查看 5.1K关注 0票数 2

好的。事情是这样的。

就像我们可以使用元素的width:100%一样，它将占用其容器的全部宽度。在字体的情况下，我们怎么做呢？我试过使用100%或其他，但这是行不通的。

让我解释一下实际的问题。这里有三个版本的div。请看这些图片。

1-桌面

2- Android

3- iPhone

您可以看到文本“”与Desktop和Android (这是必需的)位于同一行，而在iPhone中则是两行。而字体大小对所有三种都是一样的。这就是问题所在。

一种方法是，在iPhone的问题得到解决之前，我会缩小字体的大小，但是对于桌面和安卓系统来说，字体要小得多。如果我告诉字体根据其包含的div来调整其大小，那么问题就会得到解决。

请注意，我已经检查了解在这里，但它说它不会是动态的。所以找一个更好的替代方案。

这是链接，您可以在那里找到表单。

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-02-07 04:41:38

这是不可能的纯CSS。你有四个选择：

1)定义某些断点的字体大小，以尽可能多地填充容器，跨浏览器/平台。

2)使用视图端口百分比单位：vw，如本所以回答所述

3)使用JS库填充父容器的文本，例如：

4)使用适合容器的字体大小，可能在600 of +之后对其进行调整；并接受字体不能完全符合容器100%的事实。

对于您的具体要求，我建议第4号--不会有JS依赖性，这是最简单的应用，对您的需求不会有太大影响。如果你把文字和左边对齐的话，这个表格可能会更好看。我认为no1和2有点过火了。

票数 2

Stack Overflow用户

发布于 2015-02-07 04:10:53

您可能想看看如何使用媒体查询在设备频谱中实现这一点。下面是一个用于iPhone概述的，但是您可能会有一些对齐所有的设备。

@media screen and (max-width: 320px) {
.selector { font-size: 10px; }
}

.selector =按钮或任何其他html选择器或标记的类或id。

我个人会使用一个基于屏幕的固定图形，因为你知道它将精确地呈现在一个缩放方法之上。我的2c价值。

进一步阅读：http://css-tricks.com/css-media-queries/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28381848

复制

mysql中group_concat长度限制的问题

max mysql 服务函数数据

在mysql中的group_concat函数默认支持的最大字符数为1024。当你使用group_concat函数时，超出第1024字符的字符会全部丢失。

botkenni

2023/10/09

2.6K0

GROUP BY 后 SELECT 列的限制：which is not functionally dependent on columns in GROUP BY clause

sql 数据库云数据库 SQL Server 云推荐引擎

标准 SQL 规定，在对表进行聚合查询的时候，只能在 SELECT 子句中写下面 3 种内容：通过 GROUP BY 子句指定的聚合键、聚合函数（SUM 、AVG 等）、常量。我们来看个例子

chenchenchen

2021/09/06

3.2K0

【BUG之group_concat默认长度限制】

云数据库 SQL Server 数据库 sql

问题：mysql数据库使用group_concat将多个id组成字符串数组，一共200个，到160个被截断；

用户5640963

2019/07/25

3.1K0

资源限制问题

linux运维

ulimit 是一个 shell 内置命令，用于设置当前 shell 会话的资源限制。

是山河呀

2025/02/03

950

MySQL group by数据丢失问题

数据库 key map 测试数据

在使用group by时需要注意，group by 关键字后的该列一定是唯一的，如果group列出现数据重复数据时，仅会显示一条数据。

关忆北.

2022/05/05

2.5K0

MySQL中group by 与 order by 一起使用排序问题

大数据 max 排序

没有得到我们需要的结果，这是因为group by 和 order by 一起使用时，会先使用group by 分组，并取出分组后的第一条数据，所以后面的order by 排序时根据取出来的第一条数据来排序的，但是第一条数据不一定是分组里面的最大数据。

星哥玩云

2022/08/18

1.8K0

MySQL里面的group by问题浅析

云数据库 SQL Server sql 云数据库 Redis®devops

mysql> select backup_date ,count(*) piece_no from redis_backup_result;

jeanron100

2018/09/29

8410

GROUP BY与COUNT用法详解

having sum

在介绍GROUP BY 和 HAVING 子句前，我们必需先讲讲sql语言中一种特殊的函数：聚合函数，例如SUM, COUNT, MAX, AVG等。这些函数和其它函数的根本区别就是它们一般作用在多条记录上。

全栈程序员站长

2022/08/24

2.7K0

count(distinct) 与group by 浅析

https java 网络安全

项目github地址：bitcarmanlee easy-algorithm-interview-and-practice 欢迎大家star，留言，一起学习进步

全栈程序员站长

2022/08/26

9210

gitlab访问限制问题------Forbidden

其他

重启-gitlab： gitlab-ctl restart

Wyc

2018/09/11

2.5K0

Group_concat介绍与例子

数据分析 https java 网络安全

进公司做的第一个项目就是做一个订单追踪查询,里里外外连接了十一个表,作为公司菜鸡的我麻了爪.

全栈程序员站长

2022/07/07

2620

group by 报错_group by null

数据库 sql serverless

mysql bug #8652 有可能不成功，依赖于生成的两次虚拟表的主键不同引发报错

全栈程序员站长

2022/11/11

1.3K0

组复制要求和限制 | 全方位认识 MySQL 8.0 Group Replication

java 编程算法 sql server 数据库 sql

--upgrade=minimal：当MySQL Server指定--upgrade=minimal选项启动时，如果发现需要执行更新，则，在执行升级操作完成之后，可能会导致组复制无法启动，因为minimal选项在执行更新时，只会更新数据字典、information_schema、performance_schema，但不会更新组复制内部所依赖的系统表（--upgrade选项在MySQL 8.0.16版本引入，之后，升级操作将不再需要单独使用mysql_upgrade工具，默认情况下--upgrade选项值为AUTO，表示自动判断是否需要执行完整的更新操作）。

老叶茶馆

2020/11/11

1.1K0

组复制要求和限制 | 全方位认识 MySQL 8.0 Group Replication

Socket代理神器客户端Proxifier+服务端ss5

linux

在日常工作中我们经常会使用到代理，这里记录一下Proxifier和ss5的使用，这两个工具既可以单独使用，也可以配合使用。本文讲解proxifier+ss5配合使用的场景及配置。

冯大仙

2021/11/12

2.8K0

MySQL5.7之group by语法问题

sql 数据库云数据库 SQL Server

使用group by 进行分组查询时，提示异常： SELECT list is not in GROUP BY clause and contains nonaggregated column ‘XXX’ which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode =only_full_group_by

执笔记忆的空白

2020/12/24

8710

only_full_group_by问题而引发的对group by的深入思考

测试函数开发环境手机数据

最近在项目中使用mysql的group by进行分组查询的场景比较多，其中一次遇到了一个问题，即在开发环境执行一个如下sql时是正确且可执行的，

翎野君

2023/05/12

2700

[MySQL] 测试where group by order by的索引问题

唯一Chat

2019/09/10

1.4K0

搭建使用Socks Server 5 服务器

tcp/ip

收到一个这样的需求：要求访问腾讯的一个服务，无论身在哪里，都必须通过制定 ip 访问此服务，因为公司之前的 V** 是我搭的，领导找我做这个需求，但是 V** 此事并没有能适配此需求，因为我的那个 V** 只是针对内网服务才走 V** 流量，而腾讯的相关服务需要走外网流量，而且出口 ip 这个时候需要被代理成指定 ip。所以此文章针对次任务做个记录。

cuijianzhe

2022/06/14

1.5K0

MySQL索引优化order by与group by

having mysql null using 排序

MySQL索引优化order by与group by 案例一 name符合最左前缀法则，但在age处断了，所以只能用到name列，索引长度202，order by也用到了index_union索引树，通过Extra可看出。案例二 where后符合最左前缀，所以只用到了name列，而order by处不是用的索引树index_union，因为age还没排序呢， position排序肯定是乱的，需要将结果集放在内存中排序。案例三如第二张图所示，在确定最左列name后，其实下面

晓果冻

2022/09/08

6140

group by 与 where, having以及顺序

java https 网络安全

1. GROUP BY子句必须出现在WHERE子句之后，ORDER BY子句之前. HAVING语句必须在ORDER BY子句之后。（where先执行，再groupby分组；groupby先分组，having在执行。）

全栈程序员站长

2022/09/01

2.8K0

相似问题

在nodejs中使用导入，通常使用require

无法在模块之外使用导入语句- im试图在我的nodejs服务器中声明导入，但我不能

如何使用nodejs导入别名

在NodeJS中同时导入多个模块

使用NodeJs在Aerospike中进行批量导入

221

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问CSS -字体大小为包含div (元素)的100%
EN

回答 2

Stack Overflow用户

Stack Overflow用户

在nodejs中使用导入，通常使用require

无法在模块之外使用导入语句- im试图在我的nodejs服务器中声明导入，但我不能

如何使用nodejs导入别名

在NodeJS中同时导入多个模块

使用NodeJs在Aerospike中进行批量导入

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS -字体大小为包含div (元素)的100%EN

回答 2

Stack Overflow用户

Stack Overflow用户

在nodejs中使用导入，通常使用require

无法在模块之外使用导入语句- im试图在我的nodejs服务器中声明导入，但我不能

如何使用nodejs导入别名

在NodeJS中同时导入多个模块

使用NodeJs在Aerospike中进行批量导入

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS -字体大小为包含div (元素)的100%
EN