我有一个图像，只显示在移动版本的应用程序。在本地运行以模拟移动环境时，它在Chrome开发工具中看起来确实很好。但在部署的站点上，它垂直延伸，而我希望它保持成比例。这是它的样子的图像： ? 下面是我当前的代码： import React, { Component } from 'react';
import styled, { ThemeProvider } from 'styled-components
浏览 33提问于2020-06-16得票数 0
我目前正在为一个站点设计一个导航栏；我使每个导航栏“标签”成为表格中的一个数据单元格，每个单元格中都有一个背景图像。因为我的背景图像不是单元格的确切宽度，所以背景图像不会跨越单元格的宽度。如何在表格单元格中拉伸背景图像的x轴，同时保持图像的整个高度？或者换一种说法，我如何不保持背景图像的纵横比，而只使用CSS在某个方向上拉伸它？我对图像<
浏览 5提问于2018-08-20得票数 0
2回答
我现在想用的是风格组合。例如，如何将此div上的类转换为使用样式组件。<div class="col-sm-6 col-md-4"> padding-left: 15px; max-width: 33.33333%;`
或者有没有办法做更像这样<
浏览 6提问于2022-05-06得票数 1
4回答
我需要布局两个图像的网页，这两个图像必须拉伸以填充可用浏览器窗口，但文本内容集中在页面中。到目前为止，我似乎能做到的唯一方法是，a)将两个图像合并为一个，并将其设置为body的背景图像，然后小心地垂直定位内容的中间带以适应图像之间的间隙，或者，b)在包含图像的container-fluid和包含文本内容的固定d
浏览 0提问于2015-04-19得票数 13
因此，我有一个图像滑块，它映射整个数据并显示我的图像 return ( },我的问题是如何将图像传递到一个带样式的组件中，而不是在JSX中对其进行硬编码？const Section = styled.section`
浏览 0提问于2020-12-12得票数 0
视图-来源：
在我把这个加到我的代码上之后。在我的容器之间有一些空白，这些都是图像。只有在我添加脚本之后，空白才会出现，如果我删除它，它就会消失。有人知道怎么去掉这个空白吗？注意:我的div标签之间没有空格。图像和文本都在容器中。
浏览 5提问于2013-12-28得票数 0
回答已采纳
在使用Next.js图像组件时，文档声称：“当填充时，图像将同时拉伸宽度和高度到父元素的尺寸，通常与object-fit配对。” 然而，这根本不是它所做的。它实际上所做的是填充图像，在一个固定的位置占据整个屏幕，而不需要滚动。我尝试过为img样式设置可能的单个object-fit值，但是没有任何东西使它成为可能，所以组件会像它应该的那样填充父元素
浏览 30提问于2021-05-06得票数 7
回答已采纳
我的桌面上有一个带样式的QScrollBar，它使用一个图像作为滚动条的句柄。手柄在边缘是圆角的(当然，在图像的边缘周围是透明的)。现在的问题是我似乎不能很好地调整它的大小。它是一个垂直滚动条，所以到目前为止，我发现唯一有效的方法是设置：
background-image: url(:/res/img/scrollb
浏览 0提问于2011-09-15得票数 0
回答已采纳
2回答
几乎到了崩溃的边缘。在dreamweaver中编写代码，当我在实时模式下查看时，可以正常显示，但在实时模式下，当我通过outlook和gmail等电子邮件客户端发送它时，它有一个图像越界，我不知道为什么。
浏览 2提问于2013-11-28得票数 0
我正在尝试构建一个svg，它可以水平和流畅地缩放，类似于旧的表切片图像，用来在页面顶部流畅地缩放页眉。通常，这要求结束组件不拉伸，而中心组件则拉伸(或重复)。我已经包括了一个例子的图像如下。我已经在各种配置中试验过嵌套的svg标记与viewBox和preserveAspectRatio相结合，但无法完全使其工作。
浏览 8提问于2014-02-13得票数 15
回答已采纳
1回答
使用样式组件响应水平列表
、、、
我试图使一个水平滚动列表与样式的组件作出反应。每个列表项都是相当复杂的React组件。
我试过、和，但它们都没有起作用。每次，我要么得到一个垂直列表，要么得到一个2x2网格。
浏览 2提问于2019-09-22得票数 1
从本质上说，它是一个顶部的栏，可以在网页上运行。在左边，我想要一个正方形的图像，然后是两个或多个垂直中心与图像对齐的链接。在右边，我想要另外两张图像，它们的高度与左边的图像相等。例如，我将链接文本垂直中心与左手图像对齐，如下所示：
浏览 4提问于2014-05-15得票数 0
回答已采纳
我看过两种关于反应的教程--靴带。然后在其他教程中，它只是npm install react-bootstrap + CDN，用于index.html中的Bootstrap
在那里，他制作一个网站反应，反应-引导，反应-路由器和样式-组件。在React主页上，有这样的文本：
如果您计划自定义引导Sass文件，或者不想为样式表使
浏览 2提问于2020-02-13得票数 0
回答已采纳
1回答
我是新的前端，反应和有一个问题的展示反应图像。 src={image.imageUrl} });但是，我需要在同一个组件中显示两种不同大小的旋转木马，它们具有相同的图像</e
浏览 5提问于2022-08-28得票数 0
回答已采纳
我试图使谷歌地图的行为像一个图像与img反应在启动。我刚刚将‘img响应’类添加到包含映射的div元素中。映射的样式指定宽度和高度(以像素为单位)。问题是Map没有垂直调整大小，但它保持了按其样式定义的大小。相反，宽度随屏幕大小而变化。
地图就是这样定义的。没有额外的CSS。<div class="img-responsive" style="w
浏览 2提问于2014-05-11得票数 0
回答已采纳
2回答
响应设计重新排序组件
、、、
在桌面布局中，我希望有一个垂直分割的页面，其中主内容将位于右侧，页眉、页脚和内容图像位于左侧(请查看下面的图像)。
我遇到的问题是在移动布局上。我希望重新排列显示的组件，而不必使用react重新呈现它们，因为创建的组件<em
浏览 5提问于2021-12-28得票数 2
回答已采纳
我将内联样式元素与className元素一起添加到react组件中的div标记中。className属性呈现，但样式不显示。我是从一个对象变量设置的。但是，如果我直接使用双大括号设置样式元素，它就能工作，只是不能从变量中工作。
这显示了在组件呈现时应该设置样式元素的位置，此时styleElemen
浏览 19提问于2022-01-21得票数 5
回答已采纳
P没有显着的样式，但由于X原因(*)，我不能向它添加任何CSS (实际上它不是一个，而是一堆嵌套的DIVs，同样没有相关的样式)。C里面有一堆东西给它的宽度，但是它的高度比GP的小，没有一个元素的高度或宽度设置有实际的数字。编辑：.这可以通过将样式应用到DIV#GA &
浏览 4提问于2020-07-15得票数 1
回答已采纳
1回答
我正在寻找最佳实践，以样式反应应用程序与服务器端渲染。 我看到了不同的选择，比如使用像SASS这样的预处理器，或者将样式放入JS代码中，比如JSS，样式组件等。在JSS中，我看到它将样式放到HTML中的head部分。我只是使用下面的示例来查看行为： https://github.com/cssinjs/examples/tree/gh-pages/
浏览 13提问于2019-01-22得票数 0
1回答
我想要完成的是:我需要将图像延伸到更快与父视图边缘相交的方向，而不是占据另外两个方向的。
如果相同的图像比父视图更宽，则需要向左和向右拉伸，而
浏览 0提问于2014-10-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
