腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
在
Safari
中
,
vw
单元
中
的
Div
和
text
不能
一起
调整
大小
css
、
fonts
、
safari
、
fluid-layout
、
viewport-units
我有一个50
vw
的
Div
,里面有一个字体为2
vw
的
文本段落。根据窗口
大小
的
不同,单词
的
位置会有很大
的
不同。
在
Chrome
中
,它们保持相同
的
比例,但在
Safari
中
,布局被打破。我
不能
控制每个用户
的
浏览器,但我需要保留布局。 我对不同
的
字体有不同
的
增长率。像Arial这样<em
浏览 34
提问于2019-10-04
得票数 0
回答已采纳
1
回答
跨文本到
div
的
边缘(没有空白)
javascript
、
html
、
css
、
frontend
我正在寻找一个解决方案,将文本扩展到
div
的
边缘。我不想在电视里有任何空白。这是我
的
div
<p class="fit-
text
">TEST
TEXT
</p></
div</em
浏览 3
提问于2020-06-29
得票数 2
回答已采纳
1
回答
HTML输入
和
按钮不按比例
调整
大小
html
、
css
、
input
、
alignment
、
resizable
我正在尝试测试HTML输入
和
CSS
单元
。我有一个文本输入“合并”与一个按钮。我试图使提交按钮
和
输入保持成比例
的
页面
大小
。意思是,当我
调整
页面的
大小
时,高度
和
宽度不应该保持不变,应该按比例缩小。我使用CSS
单元
"
vw
“。问题是,当我将它们
的
高度
和
宽度设置为“(任意数字)
vw
”时,只对输入
的
进行正确
的
调整
浏览 1
提问于2019-10-11
得票数 0
回答已采纳
1
回答
在
Safari
中
无法重新计算CSS动画
的
最终关键帧
中
的
视口单位
javascript
、
css
、
safari
、
css-animations
、
viewport-units
长方体通过关键帧动画(迭代次数: 1,填充状态:向前)从宽度: 10
vw
加宽到宽度: 20
vw
(最终关键帧)。动画结束后,该框在
Safari
中
没有响应(
在
调整
窗口
大小
时)。它可以
在
Chrome
和
Firefox中正常工作。 我已经尝试使用-webkit- prefix并拆分动画属性,但没有效果。我被迫在动画结束后使用js来更改CSS类(代码片段之后
的
代码)。 widen { width: 10
浏览 53
提问于2019-10-11
得票数 0
1
回答
视口单位是否应在阴影DOM
中
响应?
javascript
、
css
、
safari
、
shadow-dom
、
viewport-units
在
Safari
中
,我认为应用于阴影DOM中元素
的
视口
单元
(如
vw
)实际上不会响应视口
的
更改。他们应该这样做吗?在下面的演示
中
,浅蓝色
的
<main>元素
和
危险条纹
的
<
div
>都将其宽度设置为50
vw
。
在
Chrome、Firefox、Edge
和
Opera
中
,这些元素
的
<em
浏览 28
提问于2020-08-14
得票数 0
2
回答
在
调整
窗口
大小
后重新计算CSS @keyframes (100 Re
和
100 Re)。
jquery
、
css
、
css-animations
我正在使用
div
中
的
图像。(
div
使用CSS
大小
为100
vw
和
100vh。)
在
调整
浏览器窗口较小
的
后,图像在
div
外浮动。当我使浏览器窗口
的
变得更大时,图像在到达窗口
的
边缘之前会弹出。 结论:当I
调整
窗口时,内反射图像
的
浏览 6
提问于2021-08-12
得票数 1
回答已采纳
3
回答
使用vh
和
vw
作为响应式文本
的
优缺点是什么?
html
、
css
、
text
、
flexbox
我想我
的
问题实际上可以归结为:有许多不同
的
方法可以使文本响应,但为什么要使用一种而不是另一种?有没有一种最适合通用
的
方法,或者不同
的
技术有不同
的
用途?
浏览 8
提问于2017-04-29
得票数 0
6
回答
Font-size calc动态
大小
Safari
失败
html
、
css
、
sass
、
postcss
我正在使用PostCSS 插件,我得到
的
生成代码如下: font-size: calc(28px + 20 * ((100
vw
- 320px) / 880));有谁知道为什么会这样吗? 编辑:我可能已经找到了罪魁祸首,似乎大众与calc
的
结合是我尝试
的</
浏览 0
提问于2016-05-06
得票数 1
2
回答
缩放元素,如图像
html
、
css
例如,当我
在
以下位置有一个图像时:它
的
高度会根据图像
的
宽度自动缩放(例如,当您
调整
浏览器窗口
的
大小
时,您可以看到这一点)。有没有办法对html
中
的
其他元素做同样
的
事情?
浏览 2
提问于2013-10-21
得票数 3
4
回答
使用css
调整
表
单元
格
大小
resize:both;不使用表格
html
、
css
使用css { Resize :both;}
调整
表格
单元
格
的
大小
,但不使用表格<table border="1" style="resize:both;"&g
浏览 3
提问于2012-11-16
得票数 10
回答已采纳
1
回答
块元素变大,
在
调整
浏览器窗口
大小
时不要垂直居中
html
、
css
在
我开始构建和设计导航菜单之前,一切都很顺利。看起来,我希望它在一个完整
的
浏览器窗口中,但是当
调整
大小
以使其变小时,块元素开始变得比页面的其余部分更大,并且文本不会保持居中。我希望导航条与包含文本
的
页面的部分高度相同,因此我将所有内容都封装在<
div
>
中
,背景颜色为绿色,然后将包含右侧白色背景
的
div
和
左侧导航链接
的
div
浮动。这是导航链接
的
HTML<
浏览 1
提问于2019-02-09
得票数 0
回答已采纳
8
回答
如何使字体
大小
相对于父
div
?
css
、
font-size
我希望我
的
div
中
的
文本与父
div
的
%百分比比率保持相同
的
大小
。也就是说,我希望我
的
文本具有50%
的
父母
的
font-size宽度。因此,当页面
大小
发生变化时,%
中
的
文本总是保持相同
的
大小
。"> </
div
> <
div</em
浏览 10
提问于2015-06-07
得票数 41
回答已采纳
5
回答
相对于容器
的
字体
大小
javascript
、
jquery
、
html
、
css
、
font-size
我正在设计一个可以根据窗口
大小
进行自我
调整
的
网站,我需要使文本
大小
相对于它
的
容器(一个
div
)。我搜索了一下css,发现这是不可能
的
。因此,我搜索了所需
的
每一段代码,并将其编译为以下代码: $(document).ready(function() {while(true) { document.ge
浏览 2
提问于2013-03-23
得票数 1
回答已采纳
3
回答
正面
大小
的
最大值不影响浏览器字体
大小
html
、
css
我正在尝试弄清楚如何包含最大字体
大小
值。现在,当Chrome浏览器
的
字体
大小
被更改为非常大时,我
的
文本离开了
div
的
边界。我尝试使用clamp
和
min作为字体
大小
属性,但它们都不起作用。当您使用rem作为
大小
单位,但又不希望您
的
文本
在
浏览器文本字体
大小
被用户更改时离开
div
块边界时,您如何处理这些情况? .
text
{ font-size:
浏览 15
提问于2020-09-05
得票数 0
1
回答
如何使
div
100%适合移动屏幕
javascript
、
jquery
、
html
、
ios
、
css
当用户点击移动版本
中
的
“汉堡包导航”时,无论他们选择什么项目,都会出现一个弹出窗口,而我
的
问题是弹出窗口不适合整个屏幕
和
滚动。当你向下滚动时,它会显示一个部分不是弹出窗口
的
一部分。当用户手机垂直定位时,它可以正常工作,因为我
在
媒体查询
中
的
弹出式窗口中添加了“高度:100 in”。但是当用户
的
手机处于水平位置时,它就
不能
工作了。我什么都试过了,但我无法修复它。我增加了“位置:固定”,这似乎是有效
的
,但
浏览 1
提问于2017-04-13
得票数 4
回答已采纳
1
回答
调整
字体
大小
-根据确定
的
px
和
方框宽度使用js
javascript
、
html
、
css
我需要
调整
我
的
标签p
的
字体
大小
(如
vw
),基本
大小
为16px,与她
的
框
调整
大小
成比例。
在
大众
中
,16px等于1.119
vw
,但这是宽度
的
100%;
在
我
的
例子
中
,我需要大众
的
50%。<
div
class="box"> <p> Re
浏览 20
提问于2021-10-28
得票数 0
2
回答
CSS
VW
和
VH -保持比率
javascript
、
jquery
、
html
、
css
我有一个页面,其中包含一个
DIV
,它保持一个纵横比。我
在
div
中有一些文本,它在字体
大小
上使用
VW
,当页面宽度改变时,它会保持文本
大小
--这很好。但是当用户改变窗口高度时-我
不能
让它以相同
的
方式响应-因为大众
和
VH
不能
一起
玩。 有没有什么CSS或Javascript技巧可以让它正常工作?理想情况下,如果用户在网站上更改浏览器
大小
,
在
飞行
中
?下面是
浏览 1
提问于2016-10-11
得票数 5
1
回答
使用视口宽度(
vw
)
在
ReactJs中进行预览,以便以较小比例放置元素
javascript
、
css
、
reactjs
、
responsive-design
、
viewport-units
我正在ReactJs
中
构建一个组件,它在页面
中
的
图像上显示一些文本。此文本
在
配置管理器应用程序
中
配置,该应用程序也是使用ReactJs创建
的
。我
的
问
浏览 3
提问于2019-10-12
得票数 0
2
回答
使文本行响应
css
、
responsive-design
我
的
网站上有下面的部分。问题是文本行没有响应。 这里是如何在一个13英寸
的
屏幕上显示:这里是如何在5,2“手机屏幕上显示: <
div
class="inner"> &l
浏览 4
提问于2017-03-08
得票数 2
1
回答
使图片在移动设备上显示
在
相同
的
位置
html
、
css
我已经制作了我
的
网站,并将图标放置
在
桌面上,据我所知,它们非常适合桌面,但在移动设备上,它似乎与背景下
的
图标
一起
出现。Live version Pastebin to code:height:400px;vertical-align:middle;display:inline-block
浏览 0
提问于2017-08-19
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
70多个非常实用的CSS小技巧
什么是响应式网页设计?
快来试试这个谷歌开源的工具!
手把手教你撸一个能生成抖音风格动图的gif制作平台
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券