responsive-design 相关问题

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

CSS:具有ul列表的居中和响应表

我想处理像表一样的ul列表,具有响应行为。当窗口太紧而无法显示3个内联li元素时,列表会缩小以仅显示连续2个项目但保持...

回答 1 投票 -1

响应式菜单切换按钮对齐

这是我的菜单切换部分:JSFIDDLE jsfiddle链接或外部html菜单看起来像这样问题:要切换按钮(菜单图标)进行哪些更改

回答 3 投票 0

如何创建一个倾斜45度并具有分隔边框的正方形

我怎样才能用css完成这样的广场?我不知道如何创建这样的边框以及如何将文本完美地居中。

回答 1 投票 -3

Bootstrap - 更改@media或CSS?

我目前有一排2。每个div都有一个按钮,在全视图中很好,但由于按钮相互重叠,因此没有响应。是否最好添加@media(max-width:767px){.col-xs-2 {...

回答 2 投票 1

css-grid div在反应组件中使用时不调整大小

我已经在我已经制作的示例组合页面中制作了一个css网格布局,当我用html / css做它时工作正常并且响应:代码在这里:https://codepen.io/abhinavthinktank/full/。 ..

回答 2 投票 0

如何为flexbox,row,no-wrap添加换行符?

当我调整浏览器窗口的大小时,我想要更改列的数量,而框架是灵活的,使用flex-wrap:no-wrap;。所以我认为如果我在div之后添加休息时间可能是解决方案......

回答 1 投票 0

如何在响应循环中制作文本 responsive as well

我已经处理了这个问题已经有好几天了,它让我发疯了,我想让圆圈里面的文字移动到圆圈div中的相同位置,当我让屏幕变小时,就像...

回答 2 投票 3

如何将图像放在后面而不使其成为背景图像?

我正在使用React-Bootstrap并尝试完成此任务:透明导航栏我希望导航栏为全宽,而顶部带有图像+文本的横幅应为80%并居中。我相信我不能......

回答 2 投票 0

CSS:iframe内的最小宽度响应

我正在使用CSS @media标签和max-width。要求是在大屏幕上具有较小的文本大小,并且在移动屏幕上具有较大的文本大小。所以在基本层面我有:body {font-size:13px; ...

回答 2 投票 3

如何使HTML表格高度与其宽度成正比?

我有一个HTML表格,在许多单元格中显示各种背景图像。该表需要响应,因此我将其宽度设置为100%。但是,我需要桌子的高度......

回答 1 投票 0

如何在容器尺寸的更改上调整Morris.js图表 的大小

我试图将Flex里面的Morris js圆环图放在Flex容器中,我希望flex中的图表:1容器会调整大小,但事实并非如此。有谁知道如何使图表...

回答 2 投票 5

IE9在加载时使用非外部CSS加载错误的媒体查询信息

我有一个页面使用非外部CSS 标签,以及那些<style>标签是以下媒体查询:@media屏幕和(max-width:768px){/ * CSS * /}所有工作...

回答 3 投票 15

响应式CSS三角形,百分比宽度

下面的代码将在 element: JSFiddle .btn { position: relative; display: inline-block; width: 100px; height: 50px; text-align: ...正下方创建一个箭头

回答 6 投票 29

窗口宽度在jQuery和CSS媒体查询之间不一致

我在这里得到一些奇怪的结果,我无法理解。在jQuery中,我通过以下方式记录窗口宽度:console.log($(window).width());在我的CSS中,我将背景颜色更改为......

回答 6 投票 3

当屏幕变窄时,如何解释Bootstrap 4固定导航栏变得越来越高

所以我有一个使用Bootstrap 4的固定导航栏 ...

回答 1 投票 0

使游戏响应(适合不同的屏幕尺寸)

我正在React JS的一个游戏项目中工作。我无法使其响应。它更像是一个CSS问题,而不是我认为的反应。有人可以建议一种方法来纠正这个问题。这就是我......

回答 1 投票 0

无需自举的响应式设计

对于我正在尝试构建的网站,我遇到了一些设计问题,因为我无法让它对不同的屏幕分辨率做出响应。 html,body {margin:0 auto;字体-...

回答 1 投票 0

响应式网页设计网格系统实现

这几周我即将创建一个响应式网页设计。我已经阅读了很多关于响应式网页设计的知识,其中一种方法是关于网格系统。有978个网格系统,或12列网格系统,......

回答 2 投票 3

为什么响应式网页设计在具有相同分辨率但不同ppi的屏幕上有不同的响应?

使用媒体查询时,您可以相应地设置min-width属性和设计,但我正在使用我的桌面和手机进行测试。我的手机分辨率为1080p,与我的桌面相同......

回答 2 投票 1

为什么视口元标记不能按预期工作

我正在构建这个网页有一些问题。代码粘贴在下面,但您也可以在此处查看:www.petermingione.com/Webcast2/当页面加载到移动设备上时...

回答 1 投票 0

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