responsive-design 相关问题

响应式网页设计(RWD)是一种Web设计和开发方法,旨在制作网站,以便根据屏幕大小,平台和方向在各种设备上提供最佳体验。

Angular 类未显示在手机和平板电脑上

我有 3 种完全不同的设计,适用于移动设备、平板电脑和台式机。我决定将 Angular Signals 与媒体查询结合使用来了解 Angular 应用程序的状态。错误在于尽管

回答 1 投票 0

如何在世博会上制作响应式网页响应本机

现在。我正在使用react-native-responsive-screen。它在手机上运行良好。但现在我想也从相同的代码库运行网站。但在网站宽度被拉得太长了。 表示宽度 = wp('9...

回答 1 投票 0

如何在网站中创建弹出对话框

我想在打开网站时创建一个弹出对话框 给我创建响应式弹出对话框的代码,该对话框响应灵敏且无错误,我们必须全部显示...

回答 1 投票 0

如何以响应式方式对表的列重新排序

我正在尝试制作一个像这样的响应式表格: 有六列(D1 至 D6);在桌面上它们都在同一行。 在移动设备上,我希望 D2 位于第一个位置,而更大的(2 行)D3 位于 SE...

回答 1 投票 0

CSS响应性中<a>标签和图像之间的关系

我正在尝试调整放置在标签中的图像(.logo)的大小。但是每当我缩小图像时,图像的尺寸就会变小,但标签的尺寸保持不变。还有图像和n之间的空间...

回答 1 投票 0

CSS 导航栏媒体查询-

我是一名设计师,现在担任网络开发人员(通过 YT 自学,哈哈) 为我的第一个客户开发导航栏,并努力使其在较小的设备上做出响应,这让我很头疼……

回答 0 投票 0

如何根据屏幕尺寸加载不同的CSS文件 - 仍然缺少好的答案

首先我知道这个问题以前被问过很多次,但每个答案都是错误的或过时的。 这是我的问题:我想根据设备宽度加载不同的 CSS 文件。这就是答案

回答 3 投票 0

背景图像没有响应,当我调整浏览器大小时会变大

我正在开发一个网站,该网站的部分一侧有文本,另一侧有背景图像。在某一部分一切工作正常。当我调整浏览器大小时,背景图像是

回答 1 投票 0

响应式CSS文本框架装饰

我正在尝试创建一个位于两个 div 内的段落,并且每侧都有一个装饰。我可以让它与绝对像素值一起工作,但尝试使其响应相关......

回答 1 投票 0

如何使项目在移动视图上堆叠

我在桌面屏幕上使用显示柔性并排制作了 3 个图像,但现在我想让它们响应并让项目在移动模式下堆叠。有人可以告诉我该怎么做吗? 代码: .r...

回答 3 投票 0

我如何知道某个小部件是否适合我的布局?

假设我有一个复杂的小部件树构建,它占用了一些空间。现在,当可用空间小于此小部件大小时,应将其替换为更简单的版本。 大家...

回答 1 投票 0

img 标签中的 src 属性在现代浏览器中是否仍能发挥 srcset 所不能的作用?

例如,当所有媒体条件失败并在现代浏览器中完美加载时,以下没有 src 标签的图像元素提供最后一个图像链接作为默认图像。替代文本...

回答 2 投票 0

设计具有网格布局的响应式移动菜单

我尝试构建一个响应式移动菜单。我的问题是,我可以通过单击汉堡包图标来打开菜单,但关闭图标不起作用。我认为两者之间可能存在冲突...

回答 1 投票 0

如何动态调整卡片数量可变的记忆游戏的 CSS 网格布局,同时保持响应式设计?

我正在构建一个记忆游戏,想要动态调整 CSS 网格布局以容纳可变数量的卡片。挑战在于确保卡片尺寸保持一致,无论......

回答 1 投票 0

当父容器的高度超过限制时,CSS 纵横比不会保持

我正在开发一种布局,其中父容器内的子元素必须始终保持 16:9 的宽高比。父容器的大小可以通过JavaScript动态调整,并且...

回答 1 投票 0

响应式图像灯箱

我正在尝试创建一个响应式相册。我已经解决了响应式缩略图(它们根据屏幕尺寸和设备像素比加载正确的图像)。但我也想要一个响应式灯箱......

回答 1 投票 0

响应式放大弹出窗口

我正在使用 Magnific Popups ajax 弹出窗口来创建有点像 Instagram 或 Facebook 的弹出体验(左侧图像,右侧评论等)。我将如何设置最大高度 f...

回答 4 投票 0

响应式图像全屏居中 - 保持宽高比,不超出窗口

所以我想要显示一个img 尽可能大(横向时填充宽度/纵向时填充高度) 没有作物 无倾斜或拉伸(原始纵横比) 垂直居中...

回答 5 投票 0

如何防止更大的宽度范围应用于精确的媒体查询宽度?

我正在使用具有较大宽度范围的 CSS 媒体查询,但是当屏幕宽度与较小范围中的精确值匹配时,也会应用较大范围中的样式。 例如: @媒体...

回答 1 投票 0

如何在网络浏览器上设置平板电脑设备尺寸

我正在使用 flutter 开发针对特定平板电脑(Galaxy tab A8)优化(从前端布局角度)的 Android 应用程序。 平板电脑的规格是 - 分辨率:1920x1080,16:10 比例(216 ppi

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.