responsive-design 相关问题

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

如何为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

不使用@media查询的字体大小?

目标是根据屏幕大小调整大小,而不使用@media查询,因为电子邮件是使用特定工具中途构建的,并且主样式集不可编辑。 ...

回答 1 投票 0

将图像的中心对齐到另一个图像的底部

目前我面临着在颤动中创建响应式设计的问题,因此它可以与所有屏幕尺寸相同的外观和感觉工作。目前我需要创建如下图所示,我需要...

回答 1 投票 3

图像不是固定的高度和宽度,以响应所有分辨率

我创建了一个配置文件页面,它使用了许多不同大小的图像。为了使它响应我使用twitter bootstrap3。对于图像我使用img-circle m-t-xs img-responsive但仍然是图像......

回答 1 投票 0

angular 2 bootstrap响应不起作用

我使用Angular 2和bootstrap。我想用随后的设计做一个响应式布局。我使用浏览器chrome我有以下template.html

回答 2 投票 0

我如何给div一个响应高度

我正在说要学习响应式设计,但有一件事我似乎无法弄清楚,到目前为止......这是一个有效的例子:http://ericbrockmanwebsites.com/dev1/我想要div元素( ...

回答 3 投票 6

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