使用移动设备查看时，来自已设置样式的组件的某些样式不适用
这个问题涉及到移动设备上组件样式不适用的情况。可能的原因有多种，下面我会逐一解释并给出相应的解决方案。
- 兼容性问题：不同移动设备和浏览器对CSS样式的支持程度不同，导致某些样式在某些设备上不生效。解决方案是使用CSS前缀或者CSS Hack来适配不同的设备和浏览器。另外，可以使用CSS框架如Bootstrap或者使用CSS预处理器如Sass来简化样式编写和兼容性处理。
- 媒体查询问题：移动设备的屏幕尺寸和分辨率各不相同，可能需要使用媒体查询来针对不同的设备设置不同的样式。媒体查询可以根据设备的宽度、高度、像素密度等属性来应用不同的样式。可以使用@media规则来编写媒体查询，并根据需要设置不同的样式。
- 样式覆盖问题：可能存在样式层叠的情况，某些样式被其他样式覆盖导致不生效。解决方案是使用CSS选择器的优先级规则来调整样式的权重，或者使用!important关键字来强制应用某些样式。
- 缓存问题：移动设备上的浏览器可能会缓存CSS文件，导致样式更新不及时。解决方案是在CSS文件的URL中添加版本号或者使用缓存控制头来强制浏览器重新加载最新的CSS文件。
- JavaScript问题：某些样式可能是通过JavaScript动态添加或修改的，如果JavaScript代码存在问题或者未正确执行，可能导致样式不生效。解决方案是检查JavaScript代码是否正确，并确保在DOM加载完成后再执行相关的样式操作。
总结起来，解决移动设备上组件样式不适用的问题可以从兼容性、媒体查询、样式覆盖、缓存和JavaScript等方面入手。根据具体情况选择相应的解决方案。如果您需要更具体的帮助，可以提供更多的细节或者代码示例，以便我能够给出更准确的答案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mwp
- 腾讯云移动应用分析：https://cloud.tencent.com/product/map
- 腾讯云移动推送：https://cloud.tencent.com/product/tpns
- 腾讯云移动直播：https://cloud.tencent.com/product/mlvb
- 腾讯云移动游戏加速：https://cloud.tencent.com/product/ga
- 腾讯云移动智能：https://cloud.tencent.com/product/ai
- 腾讯云移动测试：https://cloud.tencent.com/product/mta
相关·内容
1回答
我正在使用GatsbyJS创建一个静态站点，并且在尝试生成生产版本时遇到了几个问题。
当我执行gatsby develop时，一切运行正常，但当我尝试gatsby build时，现在出现以下错误：
/home/coder/Developer/portfolio/node_modules/extract-text-webpack-plugin/index.js:22
if(c.initial) return;
^
TypeError: Cannot read property 'initial' of undefined
浏览 0提问于2017-08-18得票数 3
我正在尝试从css过渡到样式组件。我正在创建一个切换开关组件。:active类上的动画在开关被选中时工作，但当复选框被选中时，开关不会像普通css那样向左移动。 import React from 'react';
import styled from 'styled-components'
const Button = styled.span`
content: '';
position: absolute;
top: 3.7px;
left: 5px;
width: 42px;
height: 42px;
bo
浏览 16提问于2020-09-26得票数 1
当我在项目中嵌入jquery.mobile-1.1.0.css和jquery.mobile-1.1.0.js时，它会覆盖我已经在使用的Jquery UI主题：
这意味着我的所有按钮都变成了white rounded shape，就像在移动网站中使用的按钮一样，而且Center loading image circle始终在那里。然后，我将它们都放到了top of all scripts and stylesheets上，但是jquery UI滑块和其他东西都不能正常工作，但是buttons problem and that center images circle prolem消失了。
有人能
浏览 0提问于2012-05-21得票数 1
回答已采纳
我一直在研究新的Angular 2组件中的内联样式和模板与外部样式。
我想知道推荐的路线是什么。我知道，就功能而言，这并不重要。
在组件中同时包含样式和模板让我想起了reactjs是如何处理问题的。它确实有它的优势。
代码补全等？这对于内联比外部更好吗？我不确定该走哪条路线，或者哪条路线是推荐的。
浏览 0提问于2016-06-03得票数 1
1回答
我使用两个设备，默认和移动。我已经为这两种设备设置了布局和演示细节。问题是，当我在默认视图中向占位符添加子布局时，移动视图没有它。这看起来就像它是如何设计的，所以移动和默认可以完全分开。但是，是否有办法使某些区域在设备之间共享？
浏览 2提问于2014-08-19得票数 1
回答已采纳
我有一个外部站点，它是在SharePoint 2007中构建的。当从移动设备访问时，该站点的用户需要具有查看完整站点的选项。我正在考虑创建一个按钮控件来做这件事。问题是，这样做的最佳解决方案是什么？有什么想法吗？
提前谢谢。
浏览 3提问于2010-12-16得票数 0
2回答
我的移动样式表是这样的：
<link rel='stylesheet' media='only screen and (max-device-width: 480px)' href='css/mobile.css' type='text/css' />
我的主样式表如下：
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
当我从移动设备访问页
浏览 0提问于2011-04-13得票数 0
回答已采纳
1回答
我正在尝试构建一个响应性的标头组件。在桌面上使用display:inline-block显示所有导航链接，在移动时使用display:block显示所有导航链接。
注意:我使用react-responsive进行媒体查询，因此：
import Responsive from 'react-responsive';
function Mobile(props) {
return(<Responsive {...props} maxWidth={800}/>);
}
function Desktop(props) {
return(<Responsiv
浏览 0提问于2019-02-05得票数 1
回答已采纳
我正在使用最新版本的 (3.6.12到今天)通过他们的CDN。
我的页面上有多个滑块，Splide在桌面上运行得很好。在Chrome的响应模式也很好，在任何大小。然而，当我使用真正的移动设备加载同一页时，无论我使用的是Chrome还是Safari，所有的滑块都是隐藏的。我有一个默认的配置，没有插件，我已经尝试了多个设备。
我查看了Chrome移动设备上的控制台，没有看到任何警告或错误消息。我也已经检查过任何可能导致这种情况的特定CSS样式。
如果我从HTML代码中删除Splide的容器，图像就会再次出现在手机上。
我试图使用Codepen再现这个问题，但下面的示例实际上适用于移动！
<
浏览 10提问于2022-02-21得票数 1
2回答
就我和我已经实现的东西而言，有一种方法可以以某种方式与移动应用程序合作，比如在移动设备和LabVIEW设备之间发送一些指令，但是.
有没有办法用LabVIEW ?实现移动应用程序？
我认为这不是正式的，但是一些外部框架(比如LabVIEW黑客工具包)呢？
浏览 2提问于2015-11-13得票数 2
1回答
我最近在博客上做了Chris Coyier教程。不用说，我非常兴奋，并建议我做一些代码猴子的工作，因为我们现在可以为他的客户提供iPhone网站。他说很酷，但其他移动设备呢？问得好。那么为安卓、黑莓、WindowsMobile等设计网站的底线是什么呢？人们是否在为其他平台而烦恼？谢谢。
浏览 1提问于2008-12-09得票数 6
回答已采纳
我想根据移动设备、平板电脑和iPad等设备类型来更改ui。有没有在原生react中实现这一点的最佳实践？
浏览 0提问于2019-01-22得票数 0
提前谢谢。以下是问题所在：
我使用的是 (版本号：@A角形/ckd: 7.3.7)
文档中说，“项目将在元素移动时自动重新排列”。
我的问题是:如何防止项目在元素移动时自动重新排列？
。这是我制作的棋盘，你可以看到“棋子(棋子)在元素(棋子)移动时会自动被重新排列”。
。我想要的是，当元素(棋子)移动时，项目(棋子)不能被重新排列。
浏览 0提问于2019-06-07得票数 7
5回答
如何瞄准黑莓浏览器？
、、、、
我使用以下内容来瞄准iphones和手持设备，以使用特定的移动样式表，但黑莓浏览器只能选择常规的屏幕样式表。
<link media="handheld, only screen and (max-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 480px)" href="mobile.css
浏览 0提问于2009-05-26得票数 7
回答已采纳
我最近开发的网站使用了框架。在直接访问站点时，响应性没有问题。
还有另一个域名(domainB)，我使用的是URL方法，它加载了实际站点。
当在移动设备上访问时，响应不起作用，它加载的是桌面站点，而不是移动大小的站点。
所以，我的问题是：
如何检测站点是否加载在移动设备上的iframe中？
我看到了的问题，通过这种方法，可以理解网页是否加载在iframe中，但是如何检测访问者是否在移动设备上。
(我在domainB上没有任何代码控制，网址嵌入功能由域名注册公司提供。)
(这方面可能会有一些SEO问题，我知道。)
浏览 4提问于2015-10-02得票数 4
1回答
我喜欢为我的网站设置产品每行取决于设备(基于最大px宽度)。我喜欢玩这个设置，直到我设置了每个设备的最佳产品显示。
例如：
在移动设备上每排生产1种产品，
2片产品
笔记本电脑及更大的4种产品。
我尝试了以下几点：
N1。不足够，不能为不同的设备设置它
// Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
func
浏览 1提问于2018-04-23得票数 0
我目前的网站设计是使用Bootstrap responsive框架构建的。它使用了几种自定义字体，约占文档大小的50%。字体是通过CSS包含的，包含方式不能改变。
我现在的目标是阻止移动设备请求这些字体，以减少它们的带宽消耗。
有没有一种CSS的方法，像@media (min-width: 480px)一样，在响应布局中不加载字体？
浏览 0提问于2013-01-21得票数 3
回答已采纳
我正在尝试使我现有的Joomla 2.5模板响应移动设备使用@media queries.What我试图做的是禁用小屏幕的右栏显示，并使文章内容的宽度覆盖100%的屏幕。我尝试了以下几种方法
@media only screen and (min-width:150px) and (max-width:600px) {
.rightbar {
display:none;
}
.container {
width:100%;
}
}
使用上面的代码，右边的条在小屏幕上消失了，但容器的宽度没有响应(与屏幕大小不符)。
现在我很困惑是Joomla 2.
浏览 2提问于2014-06-07得票数 0
1回答
地理空间栅栏与单个设备的关系？
、、、、
我正在用IOT服务和IBM空间开发一个Geo跟踪移动应用程序，我也在为设备创建栅栏，我想在这里做的是
为特定设备创建Geo栅栏，所以我只为该微粒设备获得Geo警报，而不是为所有跨越该围栏的设备发出Geo警报。
在Geo中是否有任何功能，我可以在其中与设备分配/关联栅栏，并实现这一点。
我已经通过过滤接收到的警报实现了这一点，但是它可以在IOT/Geo空间服务端实现。
浏览 0提问于2015-12-14得票数 1
回答已采纳
使用最新的Codenameone版本，我无法让ComponentGroups在Android上工作。
在不同的iOS仿真器皮肤中，它们似乎工作得很好，但在安卓仿真器(如:GalaxyS7)中却不起作用。
只要在代码中运行快速示例，就会输出以下内容：
在实际设备上运行，给出与模拟器完全相同的结果。
对于记录，在主题常量中设置ComponentGroupBool似乎没有改变任何事情。我还尝试使用默认的未更改主题，结果也是一样的。
有什么原因吗？
浏览 4提问于2017-12-11得票数 1
回答已采纳
1回答
您好，我正在实现一个web应用程序，我的问题是设计。这个应用程序现在作为website.For运行，我找到的是媒体查询，我使用它们向笔记本电脑1920x1080，移动设备480x720和平板电脑768x1024显示网站。
我所做的是改变缩放和显示网站在不同的分辨率如下
@纯媒体屏幕和(最小宽度: 768px)和(最大宽度: 1024px)和(方向:横向) {body{zoom:35%;}}
有没有其他方法可以做到这一点？有什么api可以使用吗？还是Javascript？我想做一些简单的事情，因为现在为了实现移动和平板电脑分辨率的css，我在那些devices.So上做了2,3天的测试，我想要一
浏览 2提问于2014-03-30得票数 0
我已经为iOS集成了PayPal MPL库。在通过沙箱成功测试后，我向PayPal提交了应用程序，并拿回了我的实时应用程序ID。
我插入了实时应用程序ID，并将MPL框架设置为使用ENV_LIVE。
现在，当通过PayPal检出时，我在控制台中得到以下警告：
severity: Warning
category: Request
errorId: 559044
message: This receiver accepts PayPal payments only through their website
在执行付款时，我得到了错误：
"Payment declined. The re
浏览 6提问于2013-02-13得票数 0
3回答
如何让网页移动化？
、、、
有没有什么特别的html标签或者meta标签可以告诉你一个网页是为移动设备设计的？我已经创建了一个链接移动网页的移动网站地图，但我担心搜索引擎不会将这些网页识别为移动版本。
浏览 4提问于2012-08-20得票数 3
回答已采纳
3回答
无法通过CSS设置z索引
、、、
<html>
<head>
<title>Sample</title>
<script>
window.onload = function()
{
alert(document.getElementById('div1').style.zIndex);
alert(document.getElementById('div2').style.zIndex);
}
</script
浏览 1提问于2010-11-19得票数 3
回答已采纳
5回答
我是一个React新手，我正在开发一个React应用程序，最初使用create-react-app模块创建，我需要它适应移动设备(浏览器)...为此，我面临着拥有同一组件的移动版和Web版的问题。我想知道是否有一种方法可以通过只有两个不同的JSX呈现模板并保持相同的代码库来优化两个独立组件的过程。我的意思是根据设备加载特定的JSX，并将其放在render方法中。
如有任何帮助，将不胜感激。
浏览 0提问于2019-04-17得票数 2
3回答
我创建了一个引导按钮，里面有一个链接。它看起来像这样：
当你悬停在上面的时候：
这是按钮内部的代码：
<div class="s-8"><button type="button" onClick="javascript:location.href = 'administration.php';">Administration</button></div>
注销按钮：
<div class="s-4"><button type=&
浏览 1提问于2015-03-11得票数 7
回答已采纳
我似乎无法更改快速拨号的颜色。我的makeStyle已经完成了所有其他的工作。有什么想法吗？ import React, {useContext} from 'react';
import {AppBar, Box, Button, Container, makeStyles, Toolbar, Typography} from "@material-ui/core";
import LoginButton from "../Misc/LoginButton";
import LogoutButton from "../Misc/Log
浏览 36提问于2021-09-28得票数 3
我有一个网页，我知道它是在不同的浏览器，移动设备，等等。我只想添加一个可打印的视图。
当前样式表链接如下所示：
<link rel="stylesheet" type="text/css" href="somefile.css" media="all" />
我想做的等同于“如果打印，使用这个新的样式表；否则使用原来的样式表”。
为此，我是否可以简单地添加一个打印样式表，如下所示？
<link rel="stylesheet" type="text/css" href="s
浏览 0提问于2010-10-01得票数 2
如果我的CSS基于移动样式，然后对逐渐变大的显示器(平板电脑、台式机等)使用@media查询，那么移动设备会使用桌面样式吗？
我认为，通常情况下，移动设备将加载所有图像，即使它们不适用于自己的特定媒体大小。这意味着它将加载所有图像并隐藏与其基于查询的样式表不匹配的图像。
我想要做的是在这个网站的更大的版本中使用一个背景：
.splash {
background: #1a1a1a url('/assets/imageLarge.png') no-repeat;
}
另一个是手机版的：
.splash {
background: #1a1a1a url('
浏览 3提问于2013-05-21得票数 40
回答已采纳
我是新的Ionic/Cordova/角形场景，并计划为桌面、平板电脑和移动设备(其次是移动设备)制作一个完全定制的UI应用程序。我希望UI在所有平台上保持一致(更像是一个响应性的网站)，所以我觉得Ionic UI和组件并不适合我想要的东西，因为它们太专注于获得“本地”的感觉。
然而，我还没有足够的深度知识来建立科多瓦和棱角，达到我确信的Ionic团队所做的标准，包括工具、操作者等等--我不想仅仅因为不想使用主题而放弃。
什么是最好的行动方针，完全排除Ionic风格，这样我就可以使用Bootstrap作为基础？我已经安装了引导带，但我发现它与内置的样式是冲突的。
另外，如果你有比我上面的建议更好
浏览 5提问于2017-11-21得票数 1
回答已采纳
我使用TailwindCSS 3.x使用TailWindCSS的基于响应性的实用程序类将图像显示为h-9 sm:h-20。
<img class="h-9 sm:h-20 rounded-full" src="path/image-1.webp" alt="img" />
我想知道是否可以使用img属性宽度和高度实现相同的目标？
对于桌面，我希望它设置为width="80" height="80"
对于移动设备，我想要它成为width="36" height="36"
浏览 10提问于2022-09-05得票数 0
我有一个react原生搜索栏，我需要使用在搜索栏中输入的数据用户进行api调用。但是，因为我没有移动设备上的数据库，所以我只想在用户按下搜索按钮(而不是在用户键入时)发出请求，而且当我们在这个区域时，我还需要知道如何更改搜索栏中占位符的字体。
这是我的搜索条形码：
<SearchBar
placeholder="Something..."
round
containerStyle={{
backgroundColor: 'transparent',
width: '
浏览 1提问于2019-04-16得票数 1
回答已采纳
1回答
我正在尝试将以下示例转换为与移动设备电子邮件客户端应用程序(Gmail、Yahoo等)兼容的版本。
在webmail客户端上，将背景图像放到表格中，然后放入两张图像可以正常工作，但并不是所有的移动设备都显示背景图像。
有没有办法在不使用背景图像的情况下获得相同的结果？
使用<img>似乎是使电子邮件响应并使所有设备正确显示它的唯一方法。
浏览 9提问于2017-07-19得票数 0
我试图包装反应-本机元素输入组件与样式-组件和使用自定义字体。
当我使用上面的代码时，一切正常，字体显示正确：
<Input
placeholder={placeholder}
placeholderTextColor="white"
style={{ fontFamily: "Arimo-Italic" }}
autoCapitalize="none"
/>
这段代码也能工作(没有反应-本机元素)
export const StyledText = styled.Text`
color: wh
浏览 1提问于2021-04-12得票数 0
也就是说，移动Safari，我能知道设备的电话号码吗？如果允许的话，这可能会提示用户，就像它对位置的允许一样。
浏览 0提问于2010-10-12得票数 0
1回答
我有一个与提到的类似的问题。
组件MyComponent.razor具有作用域CSS MyComponent.razor.css。无论如何，CSS文件的样式有时会被忽略。如果我更改CSS，它可能在第一次启动时就开始工作，或者可能会发生这样的情况:我必须在项目运行之前构建10次。如果我将组件(包括作用域CSS)从一个文件夹移动到另一个文件夹并将其移回，它也更有可能工作。
这也不是缓存问题。当我硬刷新浏览器并清除缓存时，CSS仍未加载。在开发工具中，我也无法在捆绑的CSS中找到具体的更改。例如，如果在CSS中，我只是将类的背景色从蓝色更改为红色，那么绑定的CSS中的背景色仍然是蓝色的。
在我的_H
浏览 2提问于2022-02-01得票数 1
回答已采纳
2回答
我们正在开发面向桌面、平板电脑和移动设备的应用程序。有三个不同的页面/UI来支持不同的设备值得吗？
有人提到MVC4.0支持跨平台(设备)，这样我就可以编写可以被所有设备查看的单一页面/解决方案。所以mvc4.0真的解决了这个问题吗？如果是这样，我在哪里可以找到更多关于这方面的相关信息？
从官方页面：
如果桌面浏览器请求主页，应用程序可能会使用Views\Home\Index.cshtml模板。如果移动浏览器请求主页，应用程序可能会返回Views\Home\Index.mobile.cshtml模板。
我真的应该为不同的设备编写不同的cshtml吗？
对默认项目模板的增强:-除了外观上的改进，
浏览 0提问于2012-05-31得票数 1
回答已采纳
2回答
范围是什么：：五深？
、、、
我们很多网站的结构都是这样的：
组件
组件CSS
组件模板
子组件
我们通常需要根据其子组件所在的父组件，对子组件进行不同的样式设置。当然，这很烦人，但是当我们使用全局CSS时是可以管理的，因为我们可以使用唯一的ID和类CSS选择器来定位特定的实例。
我们现在试图停止使用全局样式，并在每个组件中封装我们的CSS。这方面的问题是，据我所见，封装角CSS将对您的CSS进行范围调整，因此它只适用于该component...which，这意味着它也不适用于任何子组件。
一个解决方案似乎是在我们的组件CSS中使用::ng-deep选择器来针对子对象。不过，这遇到了一些
浏览 5提问于2021-01-08得票数 0
回答已采纳
有很多移动设备可以上网，并且可以从一个优化了屏幕分辨率的网站中受益。但是你如何决定支持哪种设备呢，因为你不能通过优化的移动页面视图来支持所有这些设备。
我的方法是做一个大多数设备都能处理的总结移动页面，然后可能做一些iphone或palm的特殊页面，因为周围有很多用户。通过这种方式，大多数人会得到一个很好的手机页面。
但是你怎么解决这个问题呢？我不是专业的网页设计师:)，我的想法甚至不包括“iphone没有java”，另一个设备的有限闪存，一台设备的触摸屏和另一台设备的另一种输入方式。
你好，安德烈亚斯
浏览 2提问于2010-01-14得票数 2
回答已采纳
1回答
从其他文件导入样式
、、、、
晚上好!我是新手，对react和styled-components几乎没有经验。我下面有一个样式代码片段，我想在代码的另一部分中重用，而不必反复键入相同的样式命令，我该怎么做呢？我看到了一篇关于如何汇编的文章，但我不能在代码的另一部分中使用它。 此代码片段位于helpers文件夹中的style.jsx文件中。 import { css } from 'styled-components';
const mixins = {
flexCenter: css`
display: flex;
align-items: center;
justify-c
浏览 15提问于2021-08-05得票数 1
1回答
我的样式表有一个问题。一个是桌面版，另一个是移动版。当我在移动设备上时，我看到样式表已加载到网络选项卡中。
代码如下：
桌面：
<link rel="stylesheet" href="app__desktop.css" type="text/css" media="screen and (min-width: 1024px)">
移动性：
<link rel="stylesheet" href="app__mobile.css" type="text/css" m
浏览 0提问于2020-06-18得票数 0
body {
background: yellow;
border: 2px solid blue;
height: 150px;
}
.flex {
border: 2px solid red;
display: flex;
}
<div class="flex">
<img src="https://www.w3.org/Icons/SVG/svg-logo.svg">
</div>
我已经构建了一个只包含一个弹性项目的flex盒，它是一个图像元素。当使用桌面Chrome和桌面Chr
浏览 6提问于2020-07-04得票数 0
是否有可能获得“设备id”来识别用户的PC/移动电话与PDF文件中的javascript？
我打算在打开文件后，将此设备id发送到服务器进行简单身份验证(发送到服务器不是问题)。
浏览 0提问于2014-08-16得票数 2
回答已采纳
1回答
媒体查询故障
、、
当内容达到移动设备时，我很难按比例调整内容的比例。
在桌面上，站点看起来像这个 (第一个图像)
我设置了一个媒体查询，使其看起来像这样(第二个图像)
@media only screen and (max-width: 867px) {
#header-wrap{
padding: 0px 0px 0px;
max-height: 100%;
}
.right.nav {
float: none;
}
.nav{
}
ul {
display:inline-block;
padding: 0px 10px 0px;
min-width: 300px;
}
.left {
flo
浏览 2提问于2014-12-04得票数 0
回答已采纳
4回答
我把目标对准了几个面向移动用户的web项目，并注意到一些标准工具(JS库、json传输、xml等)对于移动数据计划来说相当繁重。
我希望能够实现gzip的资源，并可能是mod_deflate/mod_gzip，以尝试减少这些设备使用的带宽量。
然而，我不知道在移动设备上对gzipped javascript、gzipped html等的广泛支持有多广泛，甚至不知道使用...？但这似乎是有道理的。
它可以作为普通移动设备的可靠工具使用吗？iPhone、安卓、黑莓、windows mobile/opera..？
谢谢。
浏览 0提问于2010-07-08得票数 7
回答已采纳
我正在使用disabled属性创建一个链接组件，它有一个将颜色更改为灰色的选项。当我将鼠标悬停在{({ disabled }上时，TypeScript给我一个Property 'disabled' does not exist on type 'Pick<DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>错误。 语法看起来是正确的，不确定我在这里遗漏了什么。 const StyledLink = styled.a`
color: blue;
${({ disabled
浏览 13提问于2021-10-04得票数 0
回答已采纳
1回答
链接：
正如你从图像中看到的，我想说，当它缩小到某个阈值以下(例如，移动设备)时，里面的元素不再是一个接一个的元素，而是一个又一个的元素。
每个元素占据了所有的长度空间。
我该怎么做？
浏览 3提问于2022-03-09得票数 0
这是在React中。我有一个搜索输入域，但是在输入一个字母之后，它会让我远离输入域，并再次呈现页面。搜索字段确实起作用了，它只是把我踢出去了。我已经尝试添加了一个
onChange={(e) => setSearchField(e.target.value), function(e) {
e.preventDefault();
}}
添加到输入域，但它不起作用。下面是我的整个文件：
import React, { useState, useEffect } from "react";
import { Container, Row, Col, Input } from
浏览 2提问于2021-01-26得票数 2
我已经为我的gatsby项目创建了以下样式组件。 import React from "react"
import styled, { css } from 'styled-components'
const Button = styled.div`
background-color: #4E58F5;
width: 200px;
padding: 20px;
margin-right: 30px;
margin-top: 30px;
border-radius: 30px;
color: #FFFF
浏览 25提问于2019-10-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
