响应式网页设计(RWD)是一种Web设计和开发方法,旨在制作网站,以便根据屏幕大小,平台和方向在各种设备上提供最佳体验。
当我尝试超过 768px 时,一切看起来都很好,但是当我尝试在手机中进行响应式设计时,它会产生空白问题。我不知道空白是怎么出现的
我正在努力通过重新制作已经制作的网站来扩展我的投资组合,在这个网站中,我在保存页脚信息的 div 上放置的边距和填充似乎导致了整个续...
我在这里遇到了一个问题,我不知道如何解决它。 我有一个带有图像的标题“topo”。 我希望在我的桌面和平板电脑版本中使用该图像,但在我的智能手机媒体查询中使用
我对这个游戏有点陌生。我真的很困惑,如果您有 5 分钟的时间,我希望得到一些指导。 我认为屏幕截图足够清晰,可以看到我在说什么,但我想做......
我有一个带有隐藏 md:block 类的 div,其中包含来自 Heroicon 的此元素: 。 目前,div 元素仅在...
我正在为我的网页制作常见问题解答部分,但我无法使其后台响应。它在不同的屏幕尺寸上调整得不好。 html{ 高度:100vh; 宽度:100vw;...
基于 @media 查询更新根字体大小(因此 rem)的响应式 Tailwind css?
我一直在我的 Vue 项目中使用 Tailwind,总体来说它非常好,但是总是为我的所有内容编写 sm:w-10 lg:w-10 2xl:w-30 (等等)有点烦人类。 所以我在想,因为...
这基本上是页面的根。它有3个组件,MainMap(客户端)和ListCasas(服务器)。 最后的按钮更改 url searchParams 并更新 UI。现在,这段代码...
目前我的页面上有一些大文本,布局对于短文本(长度约为 12-14 个字符)效果很好,但超过这个长度就会溢出或换行。这是不可取的,所以我希望尺寸...
这个问题通过询问如何删除由视口大小引起的换行符处的分隔符来扩展“导航分隔符”。 宽视口 -> 项目 1 |第 2 项...
用于媒体查询的最常见手机和平板电脑尺寸? (包括基于 10 万用户的答案)
我正在进行响应式设计,并希望确保 CSS 媒体查询针对最常见的设备尺寸进行了优化。 (当然,同时适用于所有尺寸。) 那么,最常见的 si...
我正在使用变换翻译-y-值转换。我想要的是让这些类在小于“lg”的屏幕上使用“焦点”,在“lg”或更大的屏幕上使用“悬停”来激活。 这个想法是为了解决...
在将数据导出为PDF时,我们可以使用背景图像作为整个页面的设计,这需要边框和特定的页面设计,但这似乎不是一个好的做法,因为图像会变慢......
我正在尝试使该图像具有响应能力,它将调整大小并在所有尺寸下保持纵横比。然而超过 650px,它的高度不会增加,只会裁剪顶部和底部以保持...
为什么我的网站在电脑屏幕上显示完整,但在移动设备屏幕上显示白色条纹
当在电脑屏幕上时,它显示全宽,但当切换到移动设备时,它不是全宽,看起来宽度是 80-90%,而且我的内容溢出到外面,所以它在移动设备上的响应不那么好,为什么 [
我有点困惑。我们几乎所有的事情都使用像素,从字体大小到断点。我最近设计了一个网站,该网站更改为 770px 的移动横向视图,但在我的移动设备上查看时...
当我的内容 div 非常宽但容器 div 没有增长时如何使用 css
我有一个关于内容 div 和容器 div 的问题,即容器没有随着全页面布局中的内容而增长。 请看下面的例子: *{ 框大小:边框框; } 身体{ ...
我应该如何构建 HTML 电子邮件表格,使其在移动设备上内联块但堆叠在桌面上?通常情况下会做相反的事情
移动和桌面版本模型 我完成桌面版本没有问题,但试图弄清楚如何使其在移动设备上内联块却困扰了我。 不确定我是否需要做
我对 MJML 框架非常陌生,到目前为止我很喜欢它,但我遇到一个问题,每当我将屏幕切换到移动设备时。 “我们最新的博客”部分正在剪辑到“什么...
我有一个具有这种设计的应用程序。白色侧边栏应该看起来与图片中的形状完全一样,具有不规则的形状。我需要一些 CSS 向导来帮助我弄清楚如何实现它。