提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

页面未全屏时出现无法解释的右侧边距 - Nuxt/Tailwinds

我正在尝试使用Nuxt、Vue3和TailwindCSS制作一个简单的简历页面。当我的浏览器全屏时，一切看起来都很好，而且一切都很好。但是，如果我看到全屏之外的任何内容，则应用程序主体部分的页面右侧会无缘无故地留出空白。（请忽略可怕的设计，它仍在进行中）如下所示，元素的右侧有一个边距，但不应该有，而且它甚至没有显示在计算的布局中。我没有添加自定义CSS，所以我只使用默认的Tailwind提供的类，

P粉710478990 2023-09-01 00:05:46

制作可自适应屏幕大小的按钮-背景图像的用法详解

我正在开发一个需要多个图形并排显示并且能够根据设备屏幕大小自适应的pfsensecaptiveportal。使用图像输入类型可以很好地实现这一点。然而，pfsense设备无法正确识别此提交。它需要一种带有值为“Continue”的提交类型才能工作。我尝试使用背景图像来替代，但是背景图像无法缩放。随着屏幕变小，它会显示为全尺寸并被裁剪。我该如何使背景图像自适应大小？#content{font-fam

P粉345302753 2023-08-16 13:38:12

如何修复基于 Chromium 的浏览器上的像素化背景图像？

在基于Chromium的浏览器上，用作background-image的缩小图像会被像素化，而在使用<img>标签显示时看起来会更加模糊。有没有办法更改背景图像的渲染样式，使其看起来像标签中的显示？我尝试了image-rendering属性，但它似乎不适用于background-image。它在Firefox上看起来不错。Brave上的渲染示例，左边是background-image，

P粉549412038 2024-03-19 21:10:42

javascript - weex-H5 IOS8.4兼容性很差

网站使用的是旧版WEEX语法开发的，目前使用的场景在微信，客户经常反馈网页打不卡或者一些图标不显示，后来发现是IOS版本越低兼容性越差尤其是IOS8 想请问这是IOS和微信版本的硬伤吗？ weex对此有什么处理方法不...

PHP中文网 2017-05-19 10:09:43

CSS行类使某些元素超出框架，而它们应该是静态的并固定在显示器底部

目前我的页面如下所示。添加行类以使两个元素彼此相邻后，底部导航栏被向下推到我必须滚动的位置。在这里，您可以看到另一个没有行元素的页面，其中导航链接完美地粘在显示屏的底部（植物和房间导航元素不应该位于提醒选项卡中（图1），因此请忽略此元素图片2)该页面是可滚动的，并且使我的导航栏保持在正确的位置，但元素的轮廓不正确。所有绿色框显示应位于另一个上方，以及编辑和删除按钮。我尝试使用用于图1的行类来修复此

P粉156415696 2024-04-03 18:48:12

Flexbox项目在窗口过短时会溢出容器，同时侧边栏无法保持底部对齐

我正在尝试使用一个简单的弹性布局，其中包括一个标题、一个2x2的内容网格，然后是侧边栏。当窗口的宽度小于某个特定大小时，侧边栏应该移动到屏幕底部。目前，一旦达到该大小，如果将窗口的高度调得太小，网格内容将会重叠在标题上方，但我不知道为什么会这样。屏幕应该只是视图高度的大小，但侧边栏的移动会导致其扩展。@media(max-width:960px){.main-screen{height:100vh

P粉226642568 2024-03-31 00:03:58

如何增强两个联系字段的互动能力？

我需要将两个字段（"CallUs"和"OurEmail"）居中，并同时使它们具有响应性。它们应该在小屏幕上堆叠在一起。我有内联CSS来在大屏幕上正确定位它们，如图所示，但它们在小屏幕上没有像应该的那样堆叠在一起。我使用内联CSS是因为找不到CSS文件来放置代码。是否可以使用内联CSS来修复这个问题？如果可以的话，这是我拥有的内联CSS，它可以使这两个字段在大

P粉725827686 2023-08-14 21:20:22

Safari中的MediaStream未能正确释放资源

我正在使用AudioWorkletNode方法进行录音，所有浏览器似乎都可以正常录音。当我录音时，录音图标会出现在标签页上，录音结束后会消失。然而，在Safari浏览器中，标签页上会出现一个小喇叭图标（通常表示标签页正在发出声音），取代了麦克风图标。所以我认为我可能没有关闭某些东西。录音完成后我会执行以下操作：//stream是MediaStream类型if(stream)stream.getTr

P粉106715703 2023-08-30 17:23:15

React.js CSS 窗口宽度

我正在使用React开发一个响应式网站。对于样式，我使用CSS样式表。响应部分是使用@media查询在CSS中实现的。问题是，当我使用Chrome时，元素显得更大，布局就像我从较小的屏幕（平板电脑）访问网站一样。我的理解是，chrome“认为”视口较小，并使用相应的信息响应媒体查询。问题出现在开发过程中，经过一段时间的正常工作后。我做错了什么以及如何解决这个问题？注意：在Firefox中打开网站时

P粉396248578 2024-03-31 16:31:23

CSS：尝试将元素与大小不等的子元素垂直居中

大家好，这是我目前拥有的图片我有一个3行3列的网格（每列是最小内容）我将每个单元格中的元素居中。看起来不错，但如果我的标题变得很大，开关和类别之间的空间就会变得太大：现在我尝试在div容器内制作中间行并使用flex，但元素不会居中，因为一个类别的大小比另一个类别的大小大。我还尝试使类别大小相同，但是当我将整个组件集中在页面上的某个位置时，由于较小类别的空白，它会过于靠右。知道如何使该空间变得更小，

P粉476046165 2024-02-26 18:39:24

我的网站在桌面上显示正常，但在手机屏幕上显示不正常

我使用HTML/CSS设计我的个人网站。但文字并没有缩放到手机上。请参考下面的图片。桌面上的网站看起来很棒，但在移动设备上显示效果不佳。手机显示我的谷歌驱动器嵌入甚至不适合手机屏幕显示。手机显示GGDPDF嵌入我应该怎么做才能解决这个问题？非常感谢。下面是我的代码：HTML<!DOCTYPEhtml><html><head><title>EXAMPL

P粉827121558 2024-03-30 15:09:41

如何实现平滑过渡边距百分比，当调整窗口大小时

当视口较小时，我想在元素周围设置一个百分比的边距，占视口宽度的5%；当视口较大时，边距占视口宽度的15%。我可以使用媒体查询来切换边距的数值，如下所示：.element{margin:5%;}@media(min-width:800px){.element{margin:15%;}}然而，我希望在窗口大小改变时，百分比之间能够平滑过渡，而不是从一个值突变到另一个值。我认为像这样的方法可能有效：@m

P粉155832941 2023-09-12 18:47:54

使用 Tailwind CSS 确保 CSS 网格中卡片的宽度和高度固定

我正在使用TailwindCSS和React来构建一个应用程序，在其中一个视图中我有一个卡片网格。目前它看起来像这样：如您所见，当我缩小窗口时，卡片会挤入其中。我想确保卡片大小（宽度和高度）始终保持不变，并且如果随着窗口变小，卡片数量无法容纳在一行中，它只会移动到下一行。类似于（用MS油漆制成）：即使屏幕变小，卡片的尺寸也保持固定（相同的宽高比）。这是我的代码当前的样子：网格：<div&gt

P粉184747536 2024-03-26 21:34:28

HTML程序中的文本为什么无法水平居中显示？

我目前正在尝试编写自己的贪吃蛇游戏，并希望标题和实际游戏图像位于网站的中心。在我尝试插入重新开始游戏的按钮后，一切都出现了故障。即使我试图撤消所有的更改，我似乎无法让文本居中。此外，gameOverMessage1)根本没有被隐藏，2)没有应用我在JavaScript中应用的任何样式更改。我是一个完全初学者，所以任何建议都将非常感激和珍视！这是我使用所有相关元素进行的CSS脚本：#snakeboa

P粉974462439 2023-08-15 12:00:42

使用 Tab 键导航页面上的 html 元素

我无法使用Tab键在HTML页面上使用Tab键滚动。这是我尝试浏览选项卡的页面图片当“无法更新表”弹出窗口打开时。我点击它并按下选项卡。我第一次按下选项卡时，焦点转到图片中的箭头元素。但下次我按下该选项卡时，它会转到元素Page3向上箭头图标是HTML中选定的<i标记，下一个<i标记是x按钮。由于某种原因，它会跳过第二个<i标记，并且当第二次出现Tab键时不会转到x按钮。这可能是

P粉106301763 2024-02-03 21:30:59

javascript - transform 制作滚动效果为什么需要两个元素

我看别人的文章为什么实现小球的抛物线效果需要用两层元素，进行两个动画，而不可以只写一个元素<div class="ball"></div>?然后用transform进行x,y轴的修改，我发现这样写没效果？但是为什么啊？这...

滿天的星座 2017-05-19 10:18:02

如何使用CSS选择器来定位包含特定属性或标签的div元素？

我正在使用一个生成网站的POS系统。大部分代码是专有的，因此我无法编辑很多内容。我有一个输出的类别列表，其中一些图像作为类别浮动。我想隐藏主页上列出的前3个。我尝试使用div:nth-child(1)定位包含的div，有效，但每个子页面也隐藏了它们。不幸的是，所有非主页仅在正文和主div中添加了一个类，因此我无法按类别ID或样式或按页面进行操作。我拥有的是每个页面上都相同的图像标签。所以我尝试了以

P粉493313067 2024-04-03 22:25:59

如何删除 vue 应用程序中神秘的白色区域？

我正在尝试使用vue3构建一个网站并为其设置背景图片。但有一个神秘的白色区域无法去除。我确信这不是边距或填充，因为我已将所有边距和填充设置为0，并删除了所有ml,pl类。我将应用程序组件的黑底颜色设置为黑色，但该区域仍然是白色的。chrome的inspect工具说这是一个html元素，请帮帮我。（我把backgroup图片放在Login.vue的style部分了。）来自浏览器检查工具的信息：用农药

P粉738821035 2023-09-11 21:04:01

关于网站上传后浏览器不识别的问题

各位大佬好，本人刚刚玩服务器，很多不懂，还望指教，在此先万分感谢了。我自己的做的网页，在本地，用的360浏览器，localhost下，正常（写代码就是此条件下），但是呢，我买了阿里云的ecs，上传了，于是迫不及待输入域名要看看，结果一看，，，慌了神，脸都白了（就像小时候闯祸了的感觉），样式全变了，连ico图标也不出来了，鼠标右击都点不出审查元素了，按F12，居然出现了IE浏览器的东西，看，就是

缺一个女朋友 2017-11-24 22:09:26

"waitForSelector"在元素可见前超时等待，尽管元素在屏幕上

我正在构建一个结账机器人，但是在处理那些愚蠢的“输入手机号码以接收短信”的弹窗时遇到了麻烦，我告诉机器人要点击的元素出现在屏幕上，但机器人却不点击它。这是我第一个使用JavaScript的项目，我不知道自己在做什么，目前我正在边学边做的过程中学到了很多，但我真的卡在这里，找不到我做错了什么。asyncfunctionregectingnumber(page){try{console.log(&qu

P粉761718546 2024-04-04 18:31:08