responsive 相关问题

响应是用于指示通用响应式网站或Web应用程序编程或设计主题的标记。这是一个比'响应式设计'更通用的标签,它适用于你专门编写编程的情况(通常是html / css / js)。 “响应式”这个词本身就是指Web应用程序/网站在各种设备和屏幕尺寸上响应和调整其维度和交互性的能力。

在移动设备上打开键盘时,如何强制我的内容缩小以适应可用空间而不是向上移动?

考虑下面的代码片段,我在其中创建了一个基本的聊天窗口。 问题: 当您将输入集中在移动设备上时,整个页面都会向上移动,将标题和消息推出视图...

回答 1 投票 0

如何在 Flex 容器下方添加图像,同时使两个元素都能响应媒体查询?

我是 Flexbox 新手,非常想在 Flex 容器下方添加一个单独的独立图像。我希望“底部”元素的图像和容器的元素都是

回答 1 投票 0

我实际上正在尝试使用 html css 和 js 构建一个网页我想让它响应我尝试给出 right:-200;让它消失但失败了[关闭]

我尝试将导航栏设置为top:0;右:-200;为了让它消失,我们的js和函数我希望它在我点击切换时打开,但是当我给出-200时,我有水平滚动帮助我

回答 1 投票 0

Tailwind CSS + React - 配置棘手的响应式布局

我想使用 Tailwind 配置一个在更大屏幕上改变的布局。但是,我无法配置布局,以便在移动设备和更大的屏幕上进行调整......

回答 1 投票 0

Google Chrome 开发工具宽度与 window.innerWidth 不同

如何使 Google Chrome 开发工具宽度与 window.innerWidth 相同 PS:window.screen.width解决了我的问题

回答 3 投票 0

创建汉堡菜单。我使用 onclick 隐藏和显示导航项目,但更改屏幕尺寸后,导航项目不显示或不弯曲

我正在尝试在移动视图中创建汉堡菜单。 当在移动视图中时,导航项被隐藏,当我单击菜单图标时,导航项将显示。但点击图标后

回答 1 投票 0

如何防止嵌套在另一个div中的div超出特定的页面宽度?

我有一系列图像(比方说,每个 div 一个),在经过某个显示后,我希望停止在屏幕中增长,直到下一个媒体查询。我怎样才能做到这一点? 我尝试使用最大宽度...

回答 1 投票 0

带有javaScript的响应式页面

我有一个容器,当屏幕小于1000px时我想隐藏它。 CSS .desktop-links { 显示:无; } .active { 显示:块; } .in-active { 显示:无; } JavaScript: const DesktopLin...

回答 1 投票 0

如何响应式设置毛伊岛窗口桌面大小

我正在开发一个 Windows MAUI 应用程序,我不知道如何根据用户的屏幕响应地调整窗口大小。这是应用程序的属性。我尝试了很多教程,但没有任何效果......

回答 1 投票 0

Grid.js 大尺寸响应式表格

在可调整大小的容器中渲染 grid.js 表的最佳方法是什么。 如果我不设置网格的高度配置对象,表格大小超出了他的容器,我就无法访问...

回答 1 投票 0

如何让React + MUI组件移动响应?

我有一个使用 Material-UI (MUI) 创建的 React 组件,我正在尝试使移动响应。目前,它看起来像这样: 但我希望它看起来像这样 这是

回答 1 投票 0

Owl Carousel / ngx-owl-carousel-o 触摸拖动始终返回到第一张幻灯片

你好吗?希望你一切顺利。 我在 Angular 项目中使用 ngx-owl-carousel-o (Owl Carousel),当我从第一页触摸/拖动到第二页时,一切都正常。但问题是

回答 1 投票 0

如何在 SVG 中制作可缩放以适合容器的响应式文本

我看到很多事情都暗示着这种可能性: https://css-tricks.com/svg-text-typography-designs/ SVG 缩放文本以适合容器 http://www.petecorey.com/blog/2014/10/08/quest-for-scala...

回答 1 投票 0

内容不随窗口大小(宽度)CSS 调整

我想创建一个仪表板,在其中可以看到左侧的侧边栏(绿色)和右侧的内容(蓝色)。我能够将内容(右侧)分成类 .split-top、.split-bottom-left...

回答 1 投票 0

CSS 网格每个元素的高度相等,保持响应性

我有网格,每个元素下面都有一个图像和其他div。因为它是一个网格,所以每个元素都有响应宽度,因此它会随着屏幕缩小而自动缩放。我想要我...

回答 1 投票 0

Blazor 客户端:移动设备上的一切都很小

我在线发布了我的应用程序来测试它。在计算机上它运行良好,但在移动设备上一切都非常小。 我可以使用 DevTools 和响应模式重现此错误。没有任何错误...

回答 3 投票 0

我的引导导航栏没有响应,不知道为什么?

我桌上的导航栏似乎工作正常,但是当我在不同的屏幕尺寸中检查时,即使我使用引导程序,它们似乎也没有崩溃或任何东西,所以这就是问题所在。 我的...

回答 1 投票 0

禁用 ssr for useMediaQuery for Next.js

响应 Next.js 13 我想使用这个 useMediaQuery 从 'react-responsive' 导入 { useMediaQuery } 但是存在像此链接中提到的水合错误(水合失败,

回答 1 投票 0

响应式图像在移动浏览器中无法正确加载

我有一个包含标题图像的网站。 然而,当我在 iOS 上的 Firefox 或 Safari 中加载网站时,这些标题图像一开始似乎没有加载。这是一个屏幕截图: 这是...的代码

回答 1 投票 0

在浏览器中放大页面

当我运行 VScode 实时服务器时,整个页面太大,并且我没有响应式网页,但在 DevTools 中它工作得很好。 这就是页面在我的屏幕上的样子 这就是它在

回答 2 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.