responsive-design 相关问题

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

页面加载时动态高度计算不正确,但在视口调整大小后正确计算

我有一个与组合一起使用的 Angular 组件,这意味着组件的标题会根据输入动态更改。我遇到的问题是,当页面加载时,高度...

回答 1 投票 0

Angular - 页面加载时动态高度计算不正确,但在 Angular 中调整视口大小后正确计算

我有一个与组合一起使用的 Angular 组件,这意味着组件的标题会根据输入动态更改。我遇到的问题是,当页面加载时,高度...

回答 1 投票 0

将表格单元格设为正方形

如何在不使用固定大小的情况下保证表格的每个单元格都变成正方形?当宽度改变时要做出响应。 桌子 { 宽度:90%; } TD { 宽度:30%; } tr { /** w...

回答 4 投票 0

针对目标移动设备(第一)、平板电脑和桌面设备的特定媒体查询

我正在构建一个响应式布局,默认情况下首先从移动设备(1 列)开始,然后在横向和纵向模式下为平板电脑设置断点,最后是桌面。 对于我的平板电脑(1 列)

回答 3 投票 0

无网格系统的响应式网页设计

我正在做一个关于响应式网页设计(RWD)的项目。 像 Bootstrap 或 Foundation 或 960 这样的框架使用网格系统作为基本布局。 我专门在寻找解决方案(框架)......

回答 2 投票 0

“user-scalable=no”或不“user-scalable=no”

我读过不同的帖子,但从未得出明确的结论,在案例 A 或案例 B 上使用 user-scalable=no 有什么区别、优点和缺点? 我要做一个响应式

回答 2 投票 0

在较小的设备中更改 DataTables (jQuery+Bootstrap4) 的“pagingType”选项

我正在使用启用分页功能的DataTables,并显示带有页码(1,2,3,4,5,...,10)的“下一个/上一个”按钮。 我试图在较小的开发中将其更改为仅“下一个/上一个”...

回答 3 投票 0

如何在移动设备上创建不等高、不同顺序的响应式网格?

我正在使用 Tailwind CSS 创建响应式网格布局,其中各部分在移动设备和桌面设备上具有不同的顺序。这些部分还根据其内容具有不同的高度。手机躺着...

回答 1 投票 0

如何在Tailwind CSS中创建移动设备上高度不等、顺序不同的响应式网格?

我正在使用 Tailwind CSS 创建响应式网格布局,其中各部分在移动设备和桌面设备上具有不同的顺序。这些部分还根据其内容具有不同的高度。手机躺着...

回答 1 投票 0

使物体移动到侧面响应正交相机三个js

我正在尝试找出在所有设备上确定模型位置(如果需要的话进行缩放)的最佳方法,而不仅仅依赖于匹配媒体。 Ofc 我不能使用 %,所以有什么内置的东西吗...

回答 1 投票 0

Flex 框布局和 Safari Mobile

下午好, 我正在尝试在该网站上稍微重新安排页脚,适用于移动设备:https://staging.theenergyyear.com/ 在所有其他浏览器上,它目前看起来像这样: 然而,在 Safari 上...

回答 1 投票 0

如何阻止图像与相对位置重叠的文本

我已将图像放置在页面顶部和某些文本的右侧,但是当我调整浏览器大小时,图像(堆肥机)与 H1 文本重叠,即使它不与

回答 1 投票 0

如何在调整大小时保持CSS网格布局相同

我之前问过类似的问题,但不幸的是我仍然遇到 css grid 的问题: 我试图在调整大小时保持 css 网格马赛克布局相同。 例子 : 在这个网站(https://

回答 2 投票 0

当由于可访问性原因而在浏览器设置中更改字体大小而导致溢出时,请使第一级菜单垂直

我正在使用 Flexbox 创建一个简单的一级菜单(这里我有一个最小的可重现示例)。当七个链接没有足够的水平空间时,我用一个简单的方法使菜单垂直......

回答 1 投票 0

尝试创建自动调整大小的水平滚动背景图像

我正在尝试重新创建此网页,并且正在寻求有关我的方法的建议。 我想要实现的目标: 背景图像的高度始终与屏幕高度匹配,同时保留...

回答 1 投票 0

手机条件CSS媒体查询问题

我试图在手机上以横向模式显示两列,或者以纵向或横向模式显示一列。 由于某种原因,我的 iPad Pro 在纵向模式下会显示一栏。任何人都可以帮助...

回答 1 投票 0

如何将 H1 在 div 中垂直居中?

首先,我很抱歉。我知道这里针对此问题发布了各种解决方案,但在我的一生中,我无法让其中任何一个发挥作用。 对于响应式网站,我试图将...

回答 7 投票 0

反应和响应式网站[已关闭]

有没有任何示例演示基于 React 构建的响应式网站?我想让我的网站在台式机、智能手机甚至平板电脑上运行。不,这不是下一个 Facebook UI;而是这是为了一个非常l...

回答 2 投票 0

如何使用 CSS 在多行中均匀地间隔换行文本?

当我在网站上制作一些水平居中的文本时,当文本换行时,它看起来像这样: 但我希望这段文字均匀分布,如下所示: 我怎样才能以这样的方式实现这一目标...

回答 2 投票 0

如何处理响应式表中具有选择输入的 Rowspan 2?

我几乎已经有了一个基本的响应式表。 (即下面示例中的表 1。)只有一处错误。 请全屏查看,然后宽度小于700px查看...

回答 1 投票 0

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