腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
从屏幕底部触发30 of的路径点
、
当一个部分从底部到30 to时,我试图触发一个路径点。 我试着复制下面的路径点并设置一个偏移量(calc100vh-30px),但是它没有工作。 我看到路标有一个‘底部在视图’偏移,但谁知道如何从底部触发30便士的东西? 下面的路径点做的正是我想要的,当它是从顶部30便士,但我如何也有这个火焰30便士从底部? 本质上,我希望一个项目是不可见的,直到它是30 or从顶部或30 or从底部。 var $customhr = $('.custom-hr'); $customhr.waypoint(function (direction) { if (direction ==
浏览 1
提问于2019-08-11
得票数 0
回答已采纳
1
回答
删除错误代码后Angular2模板解析错误
、
、
我正在使用ng2和kendo网格组件。在向kendo网格组件添加另一个属性之前,我没有遇到任何问题,现在我似乎陷入了一种奇怪的编译器赋格状态。 Chrome控制台中的错误: Unexpected character "a" (" </kendo-grid-column> </kendo-grid [ERROR ->]appRowClick [ngStyle]="{ 'height': showAdditionalFilters ? 'calc(100vh - 280px)
浏览 3
提问于2017-07-28
得票数 1
回答已采纳
1
回答
在流体圆形元素旁边的圆圈元素
、
、
、
下面的布局可以使用CSS吗?如果没有,是否有比我目前的JS解决方案更好的解决方案?关于完整的例子,请看小提琴。 +--------------------+ | | | | | | | | | | | | | | | | | | |-------------
浏览 3
提问于2015-10-30
得票数 0
回答已采纳
1
回答
导航栏:位置绝对和粘性
、
、
、
、
我试图使一个导航条重叠,我的标题,并坚持到窗口顶部的滚动。 它将从top: 45px开始,在滚动页上坚持top: 0。 我的第一种方法是在position: fixed; top: 45px上设置它,并在scroll事件上用JS更改值。但是火狐给了我关于在上讨论的“异步平移”的警告。 我可以用一些CSS技巧来完成它,但是我想知道是否有一种简单的CSS方法或者有效的JS方法来做到这一点(而不是抛出警告)。 body { position: relative; height: 100%; width: 100%; background-color: grey; overfl
浏览 2
提问于2019-11-04
得票数 4
回答已采纳
3
回答
手机的屏幕导航栏隐藏内容
、
、
我在一个网站上工作,在那里我实现了100vh的着陆屏,但底部导航栏(手机的导航与主页,后退选项)隐藏了我的内容的底部。我已经在使用JavaScript window.innerHeight让浏览器考虑到地址栏占用的空间,但这似乎没有考虑到手机的屏幕UI。我将非常感谢任何关于如何解决这个问题的想法,谢谢:) JS 设vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh',${vh}px); Window.addEventListener(‘=>’,() resize{
浏览 1
提问于2020-07-26
得票数 2
1
回答
媒体查询中窗口屏幕的实际大小
、
我正在为我的网站创建一个媒体查询,我对移动浏览器的实际大小有问题。 /* iphone XS Max */ @media only screen and (min-device-width: 414px) and (max-device-width: 677px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3) { main#home { max-height: 740px; } } 我有头100 my和移动固定菜单与56 my高度,这给我的结果740 my高度为我的内容。问题是,在开发工具中
浏览 3
提问于2019-07-23
得票数 1
回答已采纳
1
回答
响应式画布元素?
、
、
、
我在制作一个响应式的canvas元素时遇到了问题。我在360ui中使用了soundmanager2.js插件,并渲染了一个画布元素来显示soundwave/频谱--而且我还使用了一些场景。 第一。在soundmanager.js下面使用css渲染一个巨大的画布。围绕width="3840“ .player-warp { position: relative; width: 100%; height: 100%; } .ui360 .sm2-canvas.hi-dpi { position: absolute; left: -50%; top: -50%;} 第二。使用soundman
浏览 2
提问于2015-08-22
得票数 0
3
回答
如何连续调整分区大小至100% VH
、
、
、
小提琴: 我想要不断调整大小的div高度到100%的视图高度。我可以在浏览器加载时设置它,但我不确定当用户更改浏览器时(而不仅仅是在浏览器加载时)如何总是更改它。 var width = $(window).width(); var height=$(window).height(); $("#mydiv").width(width); $("#mydiv").height(height); #mydiv{ background:black; height:100px; width:100%; } *{ margin:0px; pad
浏览 0
提问于2016-03-04
得票数 3
回答已采纳
2
回答
如何使用Bootstrap将两行堆叠在一起?
、
、
因此,我正在尝试创建一个包含3个div的页面,其中包含不同的内容,如文本等。我想使用Bootstrap,这样它对移动设备也是友好的。 但是我似乎不能正确使用Bootstrap网格系统,因为我不知道如何将两行堆叠在一起。 这就是我的想法,我想把两个div叠加在左边,只占12列中的3到4列,然后在屏幕中间有一个大的div。 蓝色部分是te div frontSection body { background: red; } .frontSection { position: relative; height: 100vh; background: #
浏览 2
提问于2019-10-31
得票数 0
2
回答
如何在没有滚动的情况下适应屏幕?
、
、
我正在使用bootstrap创建布局。 这是我的代码: <html> <head> <title>Test</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http
浏览 23
提问于2017-06-22
得票数 0
1
回答
如何防止CSS 3D转换元素扩展页面?
在我的CSS视差中,我将<body>和<html>设置为: @supports (perspective: 1px) { /* The parallax atmosphere */ html { height: 100%; overflow: hidden; overscroll-behavior: none; scroll-behavior: smooth; } html > body { height: 100%; position: absolute; top: 0; left: 0
浏览 0
提问于2018-10-31
得票数 0
1
回答
在不同屏幕上调整绝对面板和文本的大小(桌面、笔记本电脑、移动电话)
、
、
、
、
我的闪亮应用程序有不同的绝对面板,但它们在不同屏幕上的外观不同。特别是,我注意到面板的大小和其中的文本(通常出现在h()标记中)总是相同的,而一些小部件(如actionButtons)会自动调整大小。下面是一个最小的可复制示例,它的absolutePanel应该出现在屏幕中间: library(shiny) ui <- fluidPage( absolutePanel(id = "initial_panel", fixed = TRUE, top = 0, left =
浏览 6
提问于2019-11-15
得票数 0
回答已采纳
1
回答
在vue.js中构建一个覆盖全屏幕导航条,将导航条的高度从0%切换到100%
、
、
、
、
尝试用Vue.js实现覆盖全屏菜单,html/css/js是 但仍然坚持如何将div的高度从0%切换到100%。我确实创建了两个类, 'navbar''navbar_open' 但我不知道如何在Vue中与他们交换意见。我可以看到,一旦@click触发,class="navbar navbar_open“ <div id="myNav" class="navbar navbar_open"> <div class="closebtn"> <i class="f
浏览 0
提问于2020-07-23
得票数 1
回答已采纳
1
回答
如何计算从粘滞开始到粘滞结束的滚动距离?
、
、
、
我的html页面上有一个粘性容器,如下所示: <style> section { height: 250vh; width: 100%; } .sticky { position: sticky; top: 0; } </style> <section> <div class="sticky"> <!-- content goes here --> </div> </section> 我想要计算从粘性开始到粘性结束的滚动距离,所
浏览 1
提问于2020-10-19
得票数 0
1
回答
ReactJS内嵌式绝对顶部:“100 not”不能正常工作
、
、
、
我的App.js中有一个基本组件,名为Overlay。它只是一个div,我试图使用绝对定位来定位它,但是当我尝试从内联样式设置顶部样式时,组件不会离开视图;但是,当我使用单独的样式表设置顶部时,它工作得很好。我还附带了内联和样式表的并排图片,并想知道如何使内联与样式表相同。提前谢谢。 无顶: 内嵌-顶部: 样式表-顶部: 代码: Overlay.js import React from "react"; import "./Overlay.css"; class Overlay extends React.Component { render() {
浏览 4
提问于2020-06-07
得票数 0
回答已采纳
2
回答
使DIV max-height等于`窗口高度- 100px`
有一种方法可以在%中设置max-height,但是这里有什么方法可以设置DIV height,这样它就会比只有CSS的窗口高度小100px吗? 它必须不是一个固定的布局,用户必须能够垂直滚动页面,但DIV总是应该调整到window height - 100px。这是可能的吗,还是我必须使用JS来实现?
浏览 7
提问于2015-03-23
得票数 26
回答已采纳
2
回答
如何缩小``react image -Gallery`中的图片大小?
、
、
我正在使用在网页上创建一个图片库。我从Firestore中检索URL,然后将它们提供给ImageGallery组件,如下所示: <ImageGallery items={this.state.images} originalClass={styles.image} /> 这是我在图片中使用的CSS: .image { width: 30vw; height: 30vw; display: flex; flex-direction: column; align-items: center; border-radius: 20px; margin: auto
浏览 25
提问于2020-02-14
得票数 2
回答已采纳
1
回答
在页脚前面停止固定块
、
我有一个块定位和固定在页面的右边,但有一个问题。当它到达页脚时,我需要它停在那里,否则,在某些尺寸上,它会爬到页脚,这是不应该发生的。 重要的是页面高度可以不同,可能是3500px,也可能是4500px。 有没有可能在脚本中以某种方式使这个块停止,比如说,从页面末尾,即从页脚停止300px? const navShareLink = document.getElementById('navShareLink'); document.addEventListener('scroll', function(e) { if (window.scrollY &g
浏览 0
提问于2021-12-01
得票数 1
2
回答
在Nuxt中设置身体样式
、
我试图在Nuxt中的body标签中添加样式,但default.vue似乎要覆盖它(它不是从body继承的,因为它是在我的纯html构建中-我正在将其移植到Nuxt)。 我在CSS中有如下内容: body{font-family:'Geomanist', sans-serif;color:#000 !important} 但是,当我运行它时,它一直从default.vue布局组件的"html“继承(正如你所看到的,我根本没有把它包含在构建中): <script scoped> export default { head() { ret
浏览 206
提问于2021-05-11
得票数 0
1
回答
删除媒体查询中的绝对位置
、
、
、
我使用display: flex作为容器(..zone容器)来定位子容器。然而,我申请的位置:绝对适用于其中一个孩子(#营地-区域),以便把它放在其他孩子的上面。我想删除这个位置:从媒体查询中的子元素中移除,并对所有的子元素应用相同的样式(背景颜色除外)。我已经尝试在媒体查询中将位置设置为静态,这两个元素都具有位置:绝对值和具有位置:相对的容器,但是子元素仍然具有与其他子元素不同的样式。如何在媒体查询中取消特定样式? .header { background-color: navy; min-height: 7vh; display: grid; } .header h2 {
浏览 4
提问于2022-01-27
得票数 1
回答已采纳
1
回答
集装箱全高度减去页脚高度
、
、
、
、
我有一个JS可拖的div,我希望能够被拖到整个屏幕上,除去页脚。或者,我也希望以后能够“全尺寸”的拖放对象,允许它覆盖整个屏幕减去页脚。 为此,我试图制作一个这样大小的内容包装器(整个屏幕页脚),但是我试图从其他堆栈溢出帖子中进行的尝试似乎不起作用。 下面是我到目前为止掌握的代码: $( function() { $(".draggable").position({ my: "center", at: "center", of: ".bg" }) $( &
浏览 5
提问于2022-11-28
得票数 0
回答已采纳
2
回答
CSS图像没有覆盖整个屏幕。
、
、
、
我希望我的css图像覆盖整个屏幕,我正在随机地从JS数组中选择一个图像。它显示的是图像,但不是显示一个完美的全页背景图像。 main.html <html> <head> <link rel="stylesheet" href="main.css"> </head> <body> <button id = "button1">Click</button> <script src = "main.js">
浏览 3
提问于2016-05-13
得票数 0
回答已采纳
2
回答
独立于父scrollTop位置更改子级的上/左位置
、
、
、
我有几个div绝对定位在它的父级。父程序溢出屏幕,可以滚动。 在点击这些div应该是定位占据屏幕的高度(就像他们的位置固定)。因此,每个div都分配了一定的宽度和高度以及一个顶值。问题是,只有当父文件没有滚动时才能正常工作(scrollTop = 0)。 我希望通过CSS转换实现平滑的。我可以在单击时刻分配一个与父级滚动位置相关的值。但是,我正在寻找一种CSS方式来做这件事。我想改变位置,固定到div,但这不是过渡。 有没有办法让它使用CSS工作? 编辑:我是问是否有人对如何使用CSS实现这一目标有一些建议,或者对如何以不同的方式处理它有一些想法。 Edit2:这个GIF只包含位置变
浏览 2
提问于2016-11-22
得票数 0
回答已采纳
1
回答
<p>元素围绕着<iframe>来重叠,同时仍然能够单击<p>中的<iframe>和<a>。
、
、
、
我在网页中遇到了p5js集成的问题。我试图让两个段落元素,定位在一个iframe之前和之后,重叠该iframe,同时仍然允许iframe是可点击的,并且仍然允许在段落元素中的链接是可点击的。我到处摆弄,读了很多关于z索引是如何工作的和指针事件的文章,但是我在这些里面找不到解决方案。下面是最小可重现性示例: 该示例与底部文本的工作原理相同,但顶部文本被重叠错了。 <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script> <!DOCTYPE ht
浏览 3
提问于2021-01-27
得票数 1
回答已采纳
3
回答
如何在React应用程序的客户端显示CSS类?
、
、
我想让用户看到我使用了什么样式,那么我如何发送css类到我在react中编写样式的地方。JS文件和css文件不同。在css文件中,样式是写入的。 .SideBar{ border: 1px solid black; height: 700px; background-color: silver; margin-top: 5px; } 现在我希望这个类出现在我的用户界面上。那么我应该在JS中写些什么呢?从‘./Project.module.css’导入类; 这些属性在JSX元素上工作得很好,但我希望用户能看到这些属性。那么,如何使用JSX编写代码,以便用户看到这些
浏览 0
提问于2020-09-03
得票数 0
2
回答
当我将元素的高度更改为百分比值时,元素会折叠
、
、
、
、
我正在做我的第二个网络项目(自学),我有一个新手问题。 我在我的页面上有一个模拟的页眉和页脚,它们都有100px的高度。我试图改变这一点,以使高度以百分比表示,但当我这样做时,它们就会崩溃。为什么? 代码: HTML <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Photography</title> <link rel="
浏览 14
提问于2017-02-22
得票数 1
2
回答
div中的绝对定位div,它占用所有剩余空间
、
、
、
我正在尝试做一个看起来简单的布局。尽管看了很多例子,我还是不能破解它。 SideBar| .......MapContainer...... SideBar| ..........Map............ SideBar| .......MapContainer...... SideBar和MapContainer都应该是100%的高度。 棘手的一点是: Map必须有定义的高度和宽度,因为mapbox-gl-js库使用它的维度来填充它。(而不是添加内容,然后调整其大小)。 MapContainer之所以存在,是因为在它里面会有其他绝对定位的覆盖元素。 我尽量避免将侧边栏宽度编码到MapC
浏览 2
提问于2017-02-15
得票数 0
回答已采纳
1
回答
Height calc完全没有响应
、
、
、
我一直在尝试创建一个基本的bootstrap页面,我希望将中间列的高度设置为响应式高度,这样页面就会占据整个屏幕。我使用试图解决这个问题,并实现了他们在那里的解决方案,但仍然不起作用。如果有什么我可以更好地说明或解释来写出更好的问题,请说出来。我不确定它出了什么问题,所以如果能帮上忙,我将不胜感激。谢谢! html, body { height: 100%; padding: 0; margin: 0; } #header { height: 150px; background-color: red; } #footer { height: 150px; b
浏览 11
提问于2018-03-06
得票数 0
回答已采纳
2
回答
如何将上边框设置为一个窗口长度?
、
、
、
我想要制作一个元素,也就是我用css制作的框,显示在框架之外,或者有一个完整窗口长度的最高边距值。 下面是一个工作示例的网站链接:引用链接的网站,我想复制刚脱离框架的白色背景区域,使用户通过滚动发现白色区域。谢谢您抽时间见我。 HTML代码: <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="Stylesheet.css"></link> <s
浏览 0
提问于2015-01-07
得票数 1
回答已采纳
1
回答
在css中转换translateY而不实际移动元素
、
、
我有一个元素,我想制作一个动画。我做了一个背景,可以把屏幕一分为二。一个网站是白色的,另一个是彩色的。我使文字与背景相匹配。这很难解释,所以这是我的代码 body { margin: 0; font-family: arial; } #section_1 { width: 100%; height: 100vh; background: linear-gradient(-50deg, #fff calc(50% - 1px), #fff0 calc(50% + 1px)), linear-gradient(300deg, #fff calc(30vH - 2px),
浏览 26
提问于2020-12-12
得票数 1
2
回答
如何计算从基本大小到视口的``font size`?
、
、
在我的应用程序中,我尝试从mock-up设置font-size。但是我没有得到正确的结果。 我的样机宽度大小是: css因此,我使用浏览器默认的font-size(16)重置了10px的1280px。现在我的1280px视图端口有了62.5%,并且我准确地得到了10px。 但是如何计算从这个基本大小到其他视口的字体大小呢? 我尝试查看1600px的端口大小,如下所示: 1600/1280 = 1.25.. so 65.5/100 = 6.5 + 1.25 = 63.5% -但我在1600px视图端口中没有得到正确的结果。 从基本站点计算的正确方法是什么? 我在这里使用的是em测量。 提前谢谢。
浏览 0
提问于2015-07-03
得票数 0
1
回答
相对于otherone的引导除法大小
、
、
我有一个右侧,它的大小与浏览器窗口(100 of )相当。 左除法由两个可以有可变大小的分区组成,但所有的除法都应该具有与左除法相同的大小。滚动条的底部应该始终在浏览器窗口的底部结束,如下面的示例: 我找不到如何设置左边的除法来匹配这个模式。 下面是一个Fiddle: 守则如下: #left-div { margin-left: 0px; padding-right: 0px; padding-left: 0px; height: 100vh; background-color: white; } #right-div { margin-left: 0p
浏览 0
提问于2016-03-22
得票数 2
回答已采纳
2
回答
Html根据设备大小自动调整iframe大小
、
、
、
、
<div style="position:absolute; top:50px; left:0px"> <iframe style="border: none;" src="./RedMan2.html" width="1350" height="900"></iframe> </div> 如何自动调整iframe的大小以适应设备屏幕?我刚刚开始学习HTML、JS和CSS,所以如果我没有留下足够的代码,请告诉我。我才11岁。谢谢。
浏览 35
提问于2020-09-09
得票数 1
回答已采纳
1
回答
用引导替代更改vh值,使行占用网页的其余部分
、
、
所以我最近一直在学习引导的基本原理,我试图找到一种方法让行占据页面的其余部分,我了解到可以使用100 vh,但是这使得行占据了整整一页,如果我有一个标头,那么它就太低了。 如果我将它更改为75 vh,它非常适合,只有在你100%缩放并且不改变它的情况下,所以我要问的是如何使行动态地占据页面的其余部分,而不是更多。我不知道该如何解决这个问题,我也没见过类似的问题,谢谢你的时间。边注:这只是一个非常基本的网站,我做的实践引导上,我知道它是非常基本的,看起来不太好。代码是 HTML <!DOCTYPE html> <html> <html lang="
浏览 1
提问于2017-11-11
得票数 0
回答已采纳
2
回答
使用HTML/CSS创建目录(具有“无限”高度)的问题
、
、
、
基本上,我希望有两个部分具有完全独立的卷轴: TOC (使用H1、H2、H3从内容中使用JS生成) 内容(文本和图像) 下面是CSS: #post-content { width: 70%; margin-left: 30%; } #toc { width: 30%; position: fixed; height: 600px; // this would probably be calculated using the viewport overflow: scroll; } 在这个中,我已经有了基本的HTML/CSS/JS,但由于某种原因,我无法将
浏览 8
提问于2022-09-20
得票数 0
1
回答
响应式twitter高度
、
、
我正在尝试使twitter embed小部件具有响应性,为此,我需要设置高度的百分比。现在我使用的是来自的默认推特嵌入 这意味着我可以在高级自定义中设置高度,但这仅适用于像素。 这是我的代码; HTML: <div id="body-twitterFeed"> <a class="twitter-timeline" href="https://twitter.com/ARavinMadMonkey" data-widget-id="347000705833398272" h
浏览 7
提问于2014-07-21
得票数 1
2
回答
有什么方法可以切换CSS动画吗?
、
我在CSS中创建了一个关键帧动画,但我希望能够切换它。 我尝试使用JS classList.toggle切换它,就像我对过渡动画所做的那样,但它只是简单地删除了类,而没有对其进行动画处理。 我找到的唯一解决方案是创建两个关键帧动画,一个用于"in“,另一个用于"out”。我想知道有没有更简单的方法来切换它? 小提琴:https://jsfiddle.net/ViniciusBortoletto/q13un4go/1/ HTML <div class="button">Animate</div> <div class="bo
浏览 29
提问于2019-10-18
得票数 1
1
回答
根据视口高度为x图像行指定相同的高度
、
、
、
我正在创建一个具有“博客”标题部分的html和css的网页。我想要的博客包含一个具有相同高度的x图像响应式网格(宽度acc。转到nat。尺寸),并且根据视口宽度以y行显示相同的填充。在拆分成多行之前,我认为最好从创建所有图像的一个长行开始。我的问题是-如何分配相同的高度(和相应的。宽度)到视区高度的行中的所有图像?高度应以像素为单位确定为视口高度的固定百分比(3分钟-宽度: 480px、768px、1140px)。 这是我想出来的: HTML <ul class="blogGrid"> <li> <img class=
浏览 1
提问于2015-10-22
得票数 0
1
回答
带bootstrap反应的全高柱子
、
、
我正在使用react和reactstrap来创建一些模板。下面是我的代码现在的样子: import React, { Component } from 'react'; import { Container, Row, Col } from 'reactstrap'; const styles = { container: { }, right: { height: window.innerHeight, // I want to change this padding: 0, margin: 0, overflo
浏览 2
提问于2017-09-22
得票数 3
1
回答
透明菜单到滚动上的彩色菜单
、
、
、
、
我绝对是js的初学者,我想要一个透明的菜单,当向下滚动时,会发生从透明到白色的平滑过渡,并带有方框阴影。但是代码js不起作用 <script type="text/javascript"> var a=document.getElementById('play'); var x=window.pageYOffset; var see =function () { if (x >30) { a.style.background=" white"; }else{ a.style.bac
浏览 1
提问于2021-01-08
得票数 0
2
回答
有没有办法改变高度来填满休息的地方?
、
现在,我需要设置的‘#底部显示’的高度,充满了其余的设备屏幕。 首先,我使用rem来设置样式。“#bg”和“#topSelector”,我用rem设置高度。 如何设置“#底部显示”匹配屏幕的全部空值。换句话说,我需要设置HTML来填充整个手机屏幕。 html, body { height: 100%; } #bg { width: 100%; height: 1.76rem; background-color: lightgoldenrodyellow; } #topSelector { width: 100%; background-color: rgb(0,
浏览 6
提问于2017-10-13
得票数 0
回答已采纳
1
回答
如何在单击时更改div位置
、
、
我有一个div的位置是这样的: #gr{ position: relative; top:135px; left:40px; display: inline-flex; align-items: center; width: 70px; margin:0px; } 我还有3个简单的按钮,每个按钮都应该将div更改为一个特定的位置。 我已经为每个按钮创建了一个新的div,并将显示从无更改为“块”。这是可行的,但我将需要为另一个9,我需要创建,这将是太重复。 我如何使用js来做这件事呢?
浏览 3
提问于2021-06-06
得票数 0
1
回答
使用CSS动画进行上下滑动
、
、
、
我正在尝试将一些小的音符图标滑动到视窗之外,我想让它们在页面上下滑动时从一边移动到另一边,几乎就像它们在滑动的同时摇摆一样。 我设法让它们从一边滑到另一边,再往上滑,但我很难让它们同时做到这一点。 如果可能的话,我希望它们在到达页面顶部时淡出,但我意识到这可能是相当棘手的。 这是我到目前为止的进展-- 提前感谢您的帮助! 这是HTML <i class="fa fa-music one"></i> <i class="fa fa-music two"></i> <i class="fa fa-mus
浏览 9
提问于2017-03-04
得票数 0
2
回答
div高度100%
、
<img id='imgT' src="..."> <div id="divL"></div> <div id="divR"></div> css body{ max-width:1024px; } #imgT{ width:100%; border:thin solid blue; display:block; } #divL{ width:20%; height:100px; // I need 100%
浏览 0
提问于2013-10-02
得票数 14
回答已采纳
2
回答
css关键帧位置问题
、
、
、
、
我想知道如何设置关键帧的分辨率大小,我的网站上有一个从上到下的气泡。我已经根据我的屏幕尺寸进行了适当的设置,但我注意到,当屏幕尺寸改变时,气泡会变得更小,并产生空白。这绝对是因为我将其设置为top:-500px和top:500px,所以在每个屏幕尺寸中,它都采用500px作为固定高度。我想以这样的方式设置top:500px,当大小改变时,它应该取屏幕高度,并应停止在底部。我尝试了一些代码,但没有成功,你能检查一下吗: .x4 { left: 1025px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8)
浏览 0
提问于2016-08-10
得票数 0
2
回答
如何降低px中VH值?
、
、
、
代码JS: var windowheight = $(window).outerHeight(); var meniu= $('.navbar-fixed-top').outerHeight(); var suma=windowheight-meniu; $('#main-content').css('height',100+'vh' //-50px); 我的菜单有一个以像素为单位的高度,我想要掉到100vh..se中才能做到这一点? 例如,(height:100vh-50px); 你能帮我解决这个问题吗? 提前感谢!
浏览 2
提问于2015-07-30
得票数 0
1
回答
如何将动画添加到筛选表
、
、
我已经使用html、css和java制作了一个过滤器表,但无法将动画添加到其中。我希望在输入搜索元素时,结果应该在点击enter之后显示出来,并且应该是动画.在我的情况下,搜索结果直接显示.这是我的CSS代码 * { box-sizing: border-box; } #myInput { background-position: 10px 10px; background-repeat: no-repeat; width: 50%; font-size: 16px; padding: 12px 20px 12px 40px; border: 5px solid
浏览 1
提问于2022-01-02
得票数 0
1
回答
如何将媒体查询与Material UI makestyle结合使用
、
、
我对CSS/样式很不在行,希望能得到一些帮助 我试图根据屏幕宽度更改某些卡片的高度。使用 let mainContainerHeight = window.innerWidth < 750 ? "50vh" : "80vh" 并将其分配给height属性,但它仅在刷新页面时才适用,而不是在调整页面大小时应用。 我试着用谷歌搜索媒体查询和材料UI,但它看起来完全不同,令人困惑…… https://material-ui.com/components/use-media-query/ 有没有一种简单的方法可以将媒体查询插入到下面的代码中?? import R
浏览 32
提问于2020-09-01
得票数 3
回答已采纳
1
回答
背景在标准模式下没有发挥预期的作用?
、
、
、
我正在使用Google扩展来替换默认的新选项卡页面。我用它做的一件事是,每次打开新标签时,都会随机改变背景图像。以我的CSS和HTML的方式,背景填充了整个页面。 然而,有一次,我注意到控制台警告我正在使用古怪模式。当我将<DOCTYPE html>添加到newtab.html中时,背景现在适合宽度,而不是高度。我的代码包括在下面。注意:由于个人隐私的原因,一些HTML被删除。注意:我必须更改newtab.js以添加randBetween,我以前在一个不同的文件中使用了不同的名称。另外,尽管代码片段看起来很好,但是请注意,在newtab中,页面继续以空白的形式出现在背景图像下。另外
浏览 8
提问于2022-04-29
得票数 2
回答已采纳
2
回答
简单的反应成分会引起不规则的边缘问题
、
、
、
我有三个组件:(1)应用程序,(2)主板和(3)卡。主要组件在App组件中。卡片组件在主组件中。下面是一个可以运行的示例: // Card.js function Card(props) { return <div className="card"> {props.children} </div> } // Main.js /*export*/ function Main() { return <div className="main"> <Card>&
浏览 14
提问于2022-03-12
得票数 -1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
虚拟现实:从家到工作场所 如何开始在商业中掀起波澜
Web前端人员必须掌握什么 CSS使用技巧有哪些
用 Vue 开发自己的 Chrome 扩展
从 0到1,开发一个动画库(1)
小程序料理第四课 如何建立简单列表
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券