2回答
我试图实现这个简单的CSS下拉效果：
问题：
我不允许使用嵌套的ul > li* > ul > li*。它必须只使用ul > li*来完成。(语义HTML需求)。如果我们可以将隐藏的部分封装到一个div中，并且只显示它，那么这个任务就很简单了。
我尝试过的所有方法都会导致布局再流(以下内容在菜单悬停上移动)
不能为此使用JS。
请参阅当前的演示和代码：
/* container for stats */
.caniuse-stats {
font-size: 90%;
display: flex;
flex-wrap: wrap
浏览 3提问于2018-03-23得票数 0
回答已采纳
启动我的nextjs项目时出现了错误，下面是错误
error - ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[2]!./styles/globals.css
Error: Cannot find module
浏览 14提问于2022-09-12得票数 3
我希望在我的项目中使用min()和max()，我想知道2018年的浏览器支持是什么？只是想知道我是否需要费心使用@supports at-rule。
这样我就可以写下：
.px-4-safe {
padding-left: max(1rem, env(safe-area-inset-left));
padding-right: max(1rem, env(safe-area-inset-right));
}
而不是：
.px-4-safe {
padding-left: 1rem;
padding-right: 1rem;
}
@supports (padding:
浏览 0提问于2018-11-02得票数 1
试图构建错误。
Error: Cannot find module 'caniuse-lite/data/features/css-unicode-bidi'
已经尝试添加"caniuse-lite"："^1.0.30001281“和"^1.0.30001390"，但仍然无法工作。
浏览 2提问于2022-09-12得票数 2
回答已采纳
我用typescript编写代码，并添加了adornis:typescript包。然后我运行了meteor --inspect-brk。 然而，它在编译后立即开始运行应用程序时报告了一个错误。而且我也不能纠结于调试； 错误是： => Started proxy.
Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`
[COMPILER]: Starting build for w
浏览 23提问于2019-05-17得票数 0
我最近开始在我正在处理的一个Angular 8项目(node v10.16.0)中遇到这个错误。运行npm update caniuse-lite browserslist什么也不做
所以我删除了package-lock.json，删除了node_modules并运行了npm install，但是浏览器列表文件已经没有了。同样，当我运行ng build时，我得到相同的消息: Browserslist: caniuse-lite已过时。请运行下一个命令npm update
我在同一主题上看到了这篇文章：，它谈到了WebCompiler和自动修复，而我对此一无所知。请指点
浏览 4提问于2019-12-17得票数 14
当我试图运行npm run serve时，它显示为这样.
INFO Starting development server...
ERROR Error: Cannot find module 'caniuse-lite/data/features/css-unicode-bidi'
Require stack:
- D:\VueJs Acad\M7 - VueCLI\first-app\node_modules\autoprefixer\data\prefixes.js
- D:\VueJs Acad\M7 - VueCLI\first-app\node_module
浏览 12提问于2022-09-12得票数 1
有问题的Lambda函数，收到一个错误，但我不会得到相同的错误，如果我运行相同的代码在一个快递应用程序。我没有
Data returned by caniuse.getLatestStableBrowsers();
[
'and_chr 89', 'and_ff 86',
'and_qq 10.4', 'and_uc 12.12',
'android 89', 'baidu 7.12',
'bb 10',
浏览 5提问于2021-04-16得票数 0
回答已采纳
1回答
我尝试发布一个网页作为PWA应用程序与三星互联网。我想使用一个自定义的“添加到主屏幕”弹出窗口。为此，我必须使用以下事件，并且我喜欢听取用户的选择。在Chrome中，用户选择在用户选择之后触发...但在三星互联网上，它不会对此做出反应。..。有人能帮我一下吗？
谢谢
window.addEventListener('beforeinstallprompt', function (e) {
deferredPrompt = e;
deferredPrompt.preventDefault();
deferredPrompt.then((choice) =&g
浏览 2提问于2020-04-13得票数 0
1回答
我想知道浏览器对数据URI的支持是什么？更具体地说，在哪个版本的IE中开始支持这一点？
另外，在样式表中使用它们作为BG映像还是在img标记中使用它们是否有区别？
干杯!
浏览 3提问于2014-04-10得票数 0
回答已采纳
我正在寻找Element.scrollTo方法的浏览器支持信息。但是，对于最新的safari(iOS)和Edge，caniuse和mozilla的结果是不同的。
从上说，这些浏览器不支持这种方法。但是说他们是支持的。
当我用iPhone X，iOS 13.3.1进行测试时，这个方法工作得很好，这意味着mozilla是错的。
到目前为止，我一直信任mozilla的兼容性检查目的，因为这个网站对(其他)技术信息更有描述性(因此，更可靠？)。
在长期的中，我应该依赖caniuse，而不是mozilla吗？
浏览 4提问于2020-02-17得票数 1
回答已采纳
我尝试在html页面上显示svg图标。在chrome和其他运行良好的浏览器上，但是在edge和internet explorer上，这个图标不会出现。我用css做了一个掩码。 body{
background: #000;
}
.default {
background-color: #fff;
width:45px;
height:45px;
}
.icon {
mask:url('./icons/network.svg') no-repeat center center;
-webkit-mask: url('./icons/networ
浏览 18提问于2019-04-08得票数 0
我已经更新了我的项目，以使用节点和纱线的最后版本，在这次升级之后，我的react项目不想使用“浏览器列表”。
我运行“纱线启动”并得到以下错误：
./src/assets/css/material-dashboard-react.css?v=1.2.0 (./node_modules/css-loader??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/assets/css/material-dashboard-react.css?v=1.2.0)
BrowserslistError: Unknown bro
浏览 2提问于2019-04-15得票数 21
回答已采纳
我正在尝试创建一个新的react应用程序。我有节点版本14.15.3和npm版本6.14 Error: Cannot find module 'caniuse-lite/dist/unpacker/agents' 运行npx create-react-app时 issue screenshot
浏览 795提问于2020-12-31得票数 24
3回答
有没有列出WebView支持哪些HTML5功能，哪些不支持？我主要感兴趣的是：
1) localStorage/sessionStorage
2)离线清单
3) web套接字
4)网络工作者
之前没有这些功能()，但在Android2.1中，前两个功能应该被支持，但我不确定3和4。是否有任何支持的功能列表，或者我们必须自己测试它？
非常感谢BR STeN
浏览 2提问于2010-10-14得票数 2
1回答
有没有列出UIWebView支持哪些HTML5功能，哪些不支持？我主要感兴趣的是：
1) localStorage/sessionStorage
2)离线清单
3) web套接字
4)网络工作者
在IOS4之前的版本中，没有离线清单支持，这是在objective-C中编程所必需的，这在完成后破坏了localStorage支持，因为UIWebView不允许在在线访问的页面和手动下载并存储在文件系统中的页面之间共享localStorage内容，因为URL是不同的
非常感谢BR STeN
浏览 1提问于2010-10-14得票数 1
1回答
我在HTML canvas中工作，它在除IE之外的任何浏览器上都能完美工作。有谁知道它是否被完全支持，尽管它声明它应该是完全支持的。还是我做错了什么。 <canvas height="500px" width="500px">
Doesnt support it
</canvas>
<script type="text/javascript" src="canvas.js"></script> 你可以在这里访问我上传的http://wolfx.one/stars/或cod
浏览 4提问于2019-01-10得票数 0
回答已采纳
多年来，对HTML5视频的支持已经发生了很大的变化。我正在尝试理解<video>元素是否仍然需要有三个源: MP4、WEBM和OGG。 在整个StackOverflow中，有很多的答案都有非常矛盾的信息--其中一些人说你现在只需要MP4，另一些人说MP4和WEBM就足够了，最后还有很多人说你需要这三个都需要(尽管这些文章中的许多都已经有10年的历史了)。 W3 suggests说，MP4或WEBM本身就会有通用的支持(尽管我发现2011年的article from Google说他们将取消对MP4/H.264的支持)。Wikipedia paints a more complic
浏览 144提问于2021-04-08得票数 2
回答已采纳
当使用npm开始打开创建-反应-应用程序时，我得到了以下错误。我是新的反应，我没有问题，在过去几天，做命令行，以制作一个新的应用程序。
我已经尝试过npx start、npm start并再次为更新版本安装了npm。
Failed to compile
./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
BrowserslistError: Unknown browser query
浏览 1提问于2019-06-18得票数 21
回答已采纳
1回答
我试图创造一个磨砂玻璃效果的标志在我的网站上。标志是移动与平行效果的div与背景图像和模糊背景。因此，我决定使用一个焦点图像和一个模糊，这将显示通过.svg掩码。
我在上创建了这个演示，它工作得很完美，但只在webkit浏览器上运行。
有机会在Firefox或IE的情况下重现这种效果吗？谢谢!
更新
如果我将html和svg放在同一个域掩码上，那么如何更改掩码的大小和位置？
html
<div class="intro">
<div class="logo"></div>
</div>
<div c
浏览 6提问于2014-07-02得票数 1
我在firefox和safari中遇到了这个动画问题。动画在chrome中工作。我试过使用-Moz- and -WebKit供应商前缀，但是firefox和safari已经支持动画了。 CSS： .vision-div {
margin-top: 0rem;
width: 100%;
text-align: center;
}
.vision-grid-div {
width: 100%;
text-align: center;
margin-top: 5rem;
}
.visionheading {
font-size: 2.5rem;
text-a
浏览 61提问于2021-08-30得票数 1
4回答
浏览器列表是自动更新的，还是必须手动更新？是否有命令强制它更新？
例如，每当启动新的浏览器版本时，“最后一个版本”指令的目标就会改变。我的本地浏览器列表副本是如何知道何时推出新版本的？它在什么时候与浏览器列表的服务器同步？它是定期更新，每次使用时更新，还是只在更新包时才更新？
现有的答案只给出模糊的答案，如“它总是会获取最新版本”或“它会自动找到目标浏览器”。但是，当更新时，它不会回答。显然，我的本地版本的浏览器列表不会更新，一旦发布新的浏览器版本，就会出现延迟。
浏览 0提问于2019-08-05得票数 22
我有两个Next.js应用程序运行时有相同的消息错误：Browserslist: caniuse-lite is outdated. Please run next command 'yarn upgrade'。当我运行yarn dev、yarn start或yarn build之类的命令时，消息就会显示出来。国家预防机制也是如此。
我尝试了多次命令(yarn upgrade)，但没有成功；，我已经尝试删除锁文件，也删除了node_modules，但消息仍然存在；，我尝试了Visual和终端(Ubuntu);
几天前很好，所以我不确定它是否与一些新的软件包更新有关。
还有其他人
浏览 1提问于2020-04-26得票数 3
1回答
我们正在开发的web应用程序应该使用相机设备(WebRTC标准)来读取QR代码，这在UC浏览器中是一个严重的问题。下面是我们的应用程序的示例
它在大多数常见的浏览器中运行良好，但我们很难得到UC浏览器(mini )的支持。
我们发现了下面的问题，但还没有解决。您有使用UC浏览器的相关经验吗？
1)改变相机分辨率？从摄像机的视频似乎提供了一些默认的分辨率640 x 480我们正在使用
navigator.webkitGetUserMedia(options, succesCallback, errorCallback)或navigator.getUserMedia(options, succes
浏览 4提问于2017-04-21得票数 0
我正在试着开始在windows平板电脑上工作。如果检测到它，它会禁用我的链接的顶层，以便单击事件允许菜单保持打开(而不是悬停效果)。 下面的代码可以在其他触摸设备上运行，所以我不确定是否还有其他需要做的事情？ $topLink.on('click', function (e) {
$dropDown.removeClass('child');
$dropDown.not($(this).next('.dropdown')).removeClass('open');
$topLi
浏览 31提问于2019-04-08得票数 0
回答已采纳
你好，我正在尝试制作一个自定义形状，并在其中插入一个图像。下面是我到目前为止写的css，它只在chrome浏览器上工作，我如何让它在所有浏览器上工作
.shape-custom{
width:62vw;
height:600px;
shape-outside: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
-webkit-shape-outside:polygon(0 0, 100% 0, 75% 100%, 0% 100%);
shape-margin: 20px;
background-color: rgb
浏览 0提问于2017-03-28得票数 0
当文本太长时，我使用下面的css来截断文本。布局使用flex，它在Chrome上工作得很好，但在IE10上有3个点(...)不显示，并且文本被简单地剪切。
.title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: normal
}
当我在IE10中打开开发人员控制台并查看应用于元素的css时，我没有看到'text-overflow‘属性。即使我手动添加它，它也不会应用到元素上，就像IE10无法识别这个属性一样！
你知道我该怎么解决这个问题吗？
浏览 1提问于2017-06-24得票数 3
我正在阅读ES2019的建议书，我对使用这个博客中新添加的功能非常感兴趣。然而，我一直在尝试搜索哪个浏览器实现了哪些功能的参考资料，但似乎找不到它。
我能得到的最接近的方法是在中查看每个浏览器的javascript引擎，然后转到github代码库，但我仍然无法获得太多信息。我正在react上开发，并一直在幕后使用babel，但如果能理解大多数浏览器的底层实现以及为什么还没有实现它，那将是一件很好的事情。我们是否应该因为我们有了巴别塔而不再关心这些？有人能帮我解释一下吗？
干杯
浏览 7提问于2020-05-10得票数 1
我试图创建一个可折叠的内容，但是css不接受动画中的"max- content“属性。对于内容的高度，我得到一个错误："Invalid value: max- content“。当我在没有@keyframe的情况下设置高度时，它可以工作，但我希望它是动画的 .full {
animation-name: fullText;
animation-duration: 0.2s;
animation-fill-mode: forwards;
}
.short{
animation-name: shortText;
animation
浏览 19提问于2019-09-23得票数 2
我在我的网页中有一个计时器，代码如下JavaScript： function setTimeCounters() {
$(".time-counter").each(function (index, elem) {
let exp = new Date($(this).attr('data-time'));
var x = setInterval(function() {
let now = (new Date()).getTime();
let ex = (ne
浏览 25提问于2020-09-21得票数 1
1回答
多点触控不再是移动设备的专利。我什么时候才能开始在我的MacBook专业版(或任何其他带有触摸板或触摸板的设备)的web应用程序中使用触摸和手势事件？例如，我想在谷歌地图上进行缩放。
浏览 4提问于2011-07-23得票数 1
回答已采纳
为了项目的需要，我必须改变我的html页面滚动条样式。这是我的css配置文件：
.txt_Content::-webkit-scrollbar {
width:5px;
border-radius:4px;
}
.txt_Content::-webkit-scrollbar-button {
display: none;
}
.txt_Content::-webkit-scrollbar-track {
background:#e5e2ad;
border-radius:4px;
}
.txt_Content::-webkit-scroll
浏览 0提问于2017-04-11得票数 2
1回答
我使用使页脚在页面底部变得粘稠。
HTML
<div class="container">
<div class="content-box">
<div class="image-box">
<img src="https://i.stack.imgur.com/XIQ2T.jpg">
</div>
</div>
<div class="bottom-box">Bottom</div&g
浏览 0提问于2017-02-16得票数 5
1回答
Android Chrome在"new SharedWorker()“上抛出一个异常。它会打印出SharedWorker未定义，但同样的代码在桌面Chrome上也能完美运行。为什么？
浏览 51提问于2019-01-21得票数 2
我正在尝试在网页中嵌入一个视频，显示在Opera (80.0.4170.72)中。 我以前从未使用过这个标记，因此从一开始就直接从W3Schools中复制了这个示例： <video width="320" height="240" controls>
<source src="http://www.xxxxxxxxxxx.co.uk/cinefilms/7.mp4" type="video/mp4">
Your browser does not support th
浏览 71提问于2021-11-03得票数 0
回答已采纳
1回答
我正在尝试使用HTML5 API录制视频。我希望这个解决方案是跨平台的，它至少应该在Chrome，Firefox和Edge浏览器上工作。我尝试使用以下代码
navigator.mediaDevices.getUserMedia({
audio: true,
video: true
}).then((mediaStream) => {
const video = document.querySelector('video');
const url = window.URL.createObjectURL(mediaStream);
video.src
浏览 0提问于2018-05-10得票数 2
2回答
是否可以在+= (+-相等)中使用更少(较少-css)的字符串？
我试图创建一个循环来扩展一个字符串。
特别是，我试图创建一个混合(没有内联JS)，它可以在transition-propery中向transform添加供应商前缀
基本回路
// for-loop
// works with two integers or a list
.for(@i;@n) when (@i <= @n) {.-each(@i);}
.for(@n) when not (isnumber(@n)) {.for(1;length(@n));}
.for(@i;@n) when not
浏览 0提问于2014-02-02得票数 0
回答已采纳
Opera是第一批在版本12中开始支持getUserMedia和WebRTC的浏览器之一，但他们在版本15中放弃了支持，从那以后就再也没有回来过。
Opera15的公告说："getUserMedia还没有在Opera15中挂接，将在未来的版本中回来。“
浏览 2提问于2013-09-02得票数 0
我刚刚切换到webp图像，并注意到它们不工作。我正在使用a lazy loading plugin来处理这些图像的加载。这就是问题所在。我希望能够提交一个拉取请求来解决这个问题。如果可能的话。 下面是一个示例，演示了两种不同图像格式的成功和失败： https://codepen.io/corylogan/pen/OJJMERo?editors=1010 下面是后人的代码 const loadImageAsync = (item) => {
let image = new Image()
console.log(item)
image.src = item
image.o
浏览 19提问于2019-10-13得票数 0
回答已采纳
我有一个要求，在Api响应更新蜂鸣声应该触发。我使用的解决方案适用于Chrome和Firefox浏览器，但不适用于Internet Explorer。 if ($scope.totalQueueList) {
var audio = new Audio();
audio.src = 'rest/assets/images/beep.mp3';
audio.oncanplaythrough = (event) => {
var playedPromise = audio.play();
if (pl
浏览 10提问于2020-12-07得票数 0
我不完全确定这在桌面上应该如何工作，但我非常肯定，当您调整浏览器的大小时，方向应该会改变(前提是高度大于宽度，而调整大小后则相反)。
因此，我不知道为什么下面的代码只在页面负载上生效。
@media all and (orientation: portrait) {
.slider-slide {
background-size: auto 100% !important;
}
}
@media all and (orientation: landscape) {
.slider-slide {
background-size: 100% auto !importa
浏览 2提问于2013-10-25得票数 1
我正在做一个简单的javascript游戏，玩家可以射击射入的投射物。下面是不起作用的代码片段。 ['click', 'touchstart', 'touchend'].forEach(
function (type) {
window.addEventListener (type,
function(event) {
const angle = Math.atan2(event.clientY - yHalf, event.cli
浏览 41提问于2020-12-18得票数 0
我正在使用崇高文本应用程序和自动修复程序CSS插件。
在运行插件几天后，出现了一个错误：
自动修复程序:错误浏览器列表可以使用-lite过时了
我更新了软件包：
npm update -g browserslist caniuse-lite
现在他们是当前的，但这并没有改变任何事情。
有人能告诉我问题出在哪里吗？
浏览 1提问于2020-03-28得票数 0
Angular mat-card-映像在ios设备中不工作。在ios浏览器中，图像不会显示在垫卡中。我该如何解决这个问题呢？
浏览 4提问于2020-09-26得票数 0
我正在试着调试我的代码。下面的代码可以在Chrome中触摸时"console.log“消息，但在Safari中没有打印出任何消息。有什么建议吗？ <!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
document.addEventListener('touchstart', function(e) {
e = e || window.event;
浏览 39提问于2020-09-06得票数 0
1回答
草稿JS:隐藏光标
、、、
我正在尝试隐藏draft-js中的光标。我希望它能正常工作，但用户看不到闪烁的光标，在草案JS中有什么方法可以做到这一点吗？
浏览 12提问于2021-07-18得票数 1
回答已采纳
1回答
我有一个网站上的视频元素，我正在工作，突然停止循环。该网站为https://mystiquepelicanbay.com/。它的主要背景视频曾经无限循环，但大约一周前，它突然停止了。站点没有任何变化，所以我对什么可能导致它突然停止循环感到困惑。 它最初是一个具有loop属性的video元素，直到大约一周前。我现在已经移除了它，试图让它与Javascript一起工作，但到目前为止还没有任何工作。 我还尝试了在网上找到的事件侦听器、Jquery绑定和onended函数的每一次迭代，但它们都不起作用。我在video标记中添加和删除了loop属性，以查看这是否会产生任何影响，但没有成功。 在这方面的
浏览 23提问于2019-09-27得票数 1
我正在尝试制作一个可以插入特殊类型元素的编辑器。我想如果你在它里面的元素上设置contenteditable为false，它不会让你在里面输入(这很好)，但是它不会把光标放在前面或后面，光标就会消失。 有没有一种方法可以阻止用户在元素内部键入，但当你单击它时，仍然保持光标焦点，就像它是一个普通的文本符号一样？ div div {
width: 30px;
height: 30px;
background: red;
display: inline-block;
}
div {background: #ccc} <div contenteditable="t
浏览 111提问于2019-06-26得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
