web 相关问题

不要使用此标签。有关万维网方面的问题,请使用更具体的标签,例如[uri],[html],[http]或[w3c]。

如何将图像从左向右移动?

在 HTML/CSS 中将图像向右移动的问题 我在尝试使用 CSS 将 HTML 页面的一部分中的图像向右移动时遇到问题。尽管尝试了像我们这样的方法...

回答 1 投票 0

Web Audio API:为什么只能启动一次源?

假设您使用Web Audio API来播放纯音: ctx = 新的 AudioContext(); src = ctx.createOscillator(); src.频率 = 261.63; //播放中C src.connect(ctx.destination); src.start(); 乙...

回答 3 投票 0

如何从需要点击/切换的网页中提取表格?

我正在尝试从此网页中提取表格,但我只能获取投球表。我也想获得命中表,理论上是这个 URL: https://www.cover...

回答 1 投票 0

如何使用Python读取网站上的文本(简单解释)

我正在寻找一个程序,可以在给定网站的 URL 时从网站上获取文本。我希望能够获取标签之间的所有文本。我在网上查过的所有地方似乎都是

回答 1 投票 0

我正在尝试在 vite 中使用 Context api 来创建待办事项网站,但不知何故它不起作用

这是我的 Usercontext.js 从“反应”导入反应; const Usercontext = React.createContext(); 导出默认用户上下文; 这是我的 Usercontextprovider.jsx 导入 React,{ 使用...

回答 1 投票 0

如何在重定向时为客户端提供 JWT?

我正在 django 中开发一个 Web 应用程序,在实现 JWT 身份验证时遇到问题。我有一个 Django 应用程序,负责用户管理和身份验证....

回答 2 投票 0

如何以回调的形式返回发送给我的数据?

我并不完全熟悉网络开发,所以这可能看起来是一个愚蠢的问题,但请允许我描述一下。 用户选择要购买的商品后,将进行 API 调用

回答 1 投票 0

为什么 WebTransport 无法在 Rust 中连接这个 QUIC 服务器

我使用 Rust 中的 crate quinn 创建了一个 QUIC 服务器。代码如下: 使用 std::net::SocketAddr; 使用 quinn::{Endpoint, ServerConfig}; 使用 rcgen::Error; 使用 rustls::证书; #[东京::主要] 异步 fn m...

回答 1 投票 0

Flutter - launchUrl:当我执行flutter launchUrl(url)时,我打算导航到的URL和实际在web中打开的URL是不同的

使用 launchUrl 调用 URL 时,前一两次它会导航到正确的 URL,但此后,它会卡在特定 URL 上。下面是我使用的代码。 字符串 getReportUrl() {

回答 1 投票 0

使用 justify-start 和 items-center 时如何正确居中和对齐 Tailwind CSS 中的 Flex 项目?

我使用 Tailwind CSS 在 Flex 容器中设置卡片的样式。最初,我使用 items-center 和 justify-center 将卡片水平和垂直居中。但是,我遇到了一个问题,...

回答 1 投票 0

Flutter - Linux环境下TextField无法输入韩语

@覆盖 无效初始化状态(){ // TODO: 实现 initState super.initState(); _check = TextEditingController(文本: widget.check); _action = TextEditingController(文本: widget.actio...

回答 1 投票 0

如何正确将卡片居中

我使用tailwindcss,我还使用flex来居中卡片,当同时使用items-center和justify-center时,它可以完美地居中,但是如果很少有卡片在它们之间创建很大的空间,那么我...

回答 1 投票 0

使用Python 3在网站上填写文本框,然后点击按钮下载

我想用Python下载YouTube视频。我发现一个网站(https://www.youtubeinmp4.com/)可以下载mp4格式的YouTube视频。 我正在使用 Python 3、BeautifulSoup 并请求...

回答 1 投票 0

在我网站的登录页面上,我的盒子故意模糊,但当我进入手机时它就清晰了

在我的网站上,我有一个模糊的框,其中有我的登录功能,它在桌面上运行完美,但一旦我在手机上使用我的网站,它就不会显示模糊并使框清晰,我一直是

web
回答 1 投票 0

桌面版和移动版 Chrome 之间奇怪的 CSS 垂直文本问题

我有一个 元素,我想将其中包含的文本垂直居中。它在桌面版 Chrome 上看起来正确,但在移动 (iOS) Chrome 上则不然。我将非常感谢任何对...的见解 我有一个 <h2> 元素,我想将其中包含的文本垂直居中。它在桌面版 Chrome 上看起来正确,但在移动 (iOS) Chrome 上则不然。我将非常感谢对这个问题的任何见解。下面找到两个屏幕截图的链接(首先是桌面,其次是移动设备): 下面包含 HTML 和 CSS 代码。为了便于阅读,我缩写了 HTML 代码。非常感谢,互联网! HTML: ... <body id="home"> <div id="main"> <div id="header"> ... </div> <div id="content"> <img src="i/splash.jpg" alt="" id="splash" /> <div id="inner"> <h2>hi!</h2> <p>Lorem ipsum...</p> </div> </div> <div id="clear"></div> <div id="footer"> <p>...</p> </div> </div> </body> ... CSS: /* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, ul#nav, ul#nav li, ul#nav li a, img#splash { display: block; } body { line-height: 1; background: url('i/bg.jpg') fixed repeat; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* WALBAUM WEBFONT */ @font-face { font-family: Walbaum; src: url('f/WalbaumMTStd-Regular.otf'); } @font-face { font-family: Walbaum; font-weight: bold; src: url('f/WalbaumMTStd-Medium.otf'); } @font-face { font-family: Walbaum; font-weight: bold; font-style: italic; src: url('f/WalbaumMTStd-MediumIt.otf'); } @font-face { font-family: Walbaum; font-style: italic; src: url('f/WalbaumMTStd-Italic.otf'); } /* MAIN */ #main { margin: 10px auto 0 auto; max-width: 900px; overflow: hidden; } /* HEADER */ #header { width: 100%; margin-bottom: -10px; } #logo { float: none; width: 358px; margin: 0 auto 0 auto; } #logo a, #logo img { width: 100%; } #subtitle { text-align: center; font-size: 14px; color: #3f3f3f; font-family: Georgia, serif; width: 100%; margin-top: -8px; } #subtitle strong { font-weight: bold; color: #982020; } ul#nav { font-family: Walbaum, Georgia, serif; font-size: 24px; height: 100%; text-transform: uppercase; text-align: justify; padding: 0 10px 0 10px; } ul#nav li a { width: 100%; height: 100%; text-decoration: none; } ul#nav li { display: inline-block; height: 100%; padding: 42px 2px 18px 2px; margin: 0 7px 0 7px; } ul#nav:after { content: ''; width: 100%; display: inline-block; } ul#nav li#music a { color: #d86619; } ul#nav li#photos a { color: #1787ac; } ul#nav li#code a { color: #17ac3a; } ul#nav li#about a { color: #a317ac; } ul#nav li a:hover { text-decoration: underline; } /* CONTENT */ #content { width: 100%; margin: 0 auto 10px auto; } #content img#splash { width: 100%; padding: 5px; border: 1px solid #191919; background-color: rgba(25,25,25,0.3); margin: 0 auto 0 -6px; } #content #inner { width: 100%; } #content #inner h2 { width: 100%; font-style: italic; color: #999999; text-align: center; font-family: Walbaum, Georgia, serif; font-size: 40px; border-top: 1px dashed #333333; border-bottom: 1px dashed #333333; background-color: rgba(75,75,75,0.1); margin: 0 auto 10px -6px; text-shadow: 0.08em 0.08em 0.05em #090909; padding: 0 6px 0 6px; height: 32px; line-height: 32px; } #content #inner p { font-family: Georgia, serif; text-align: justify; color: #666666; font-size: 14px; margin-bottom: 14px; } /* FOOTER */ #clear { clear: both; } #footer { width: 100%; text-align: center; margin: 20px auto 20px auto; } /* RESPONSIVENESS */ @media screen and (min-width: 801px) { #logo { margin-right: 10px; float: left; } #main { padding: 0 10px 0 10px; } #content img#splash { max-width: 75%; float: left; margin: 0; } #content #inner { width: 22.5%; float: right; margin: 0; } } @media screen and (max-width: 800px) and (min-width: 521px) { #main { max-width: 95%; } #content #inner { margin-top: 10px; } } @media screen and (max-width: 520px) and (min-width: 359px) { ul#nav { padding: 0 10px 0 10px; } ul#nav li { margin: 0; } #main { max-width: 100%; } #content { width: 95%; } #content #inner { margin-top: 5px; } } @media screen and (max-width: 358px) { #logo { width: 100%; } ul#nav { padding: 20px 5px 0 5px; font-size: 20px; } ul#nav li { margin: 0; padding: 0 2px 0 2px; } #main { max-width: 100%; } #content { width: 95%; } #content #inner { margin-top: 5px; } } @media screen and (max-width: 300px) { ul#nav { padding: 10px 5px 0 5px; } ul#nav li { width: 45%; margin: 0; padding: 0; text-align: center; } #subtitle { font-size: 10px; } } 我认为,这里的问题是,移动浏览器会调整您的font-size的大小。这不是一个好的做法,但你可以通过使用来避免这种情况: html { -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } 我已经检查了多个浏览器(网络/移动)。对我来说一切都很好。 但是,您可能会遇到 3 个问题 - 1)字体问题 2) 如果不是流体布局,移动网络调整大小会出现问题。 3)缓存设置 使用 em 调整字体大小 - 这将针对不同的窗口大小进行适当调整: #inner h2 { font-size: 1em }

回答 3 投票 0

删除菜单栏和图片之间的间距

您好,我对网站编码完全陌生,如何从我的网站中删除此间距(红色圆圈)?我使用的是免费版,所以无法添加自定义 css。 在此输入图像描述 我的代码是...

回答 1 投票 0

有没有办法让列表变成水平,横幅变成橙色

我正在尝试制作这个网站,它的副本。 但是,我在这些作品中并没有取得成功。我需要它们是水平的,我还需要横幅变成橙色,就像网站上看起来的那样。

回答 1 投票 0

Web Audio API:使用媒体流时,firefox 中的 FFT 数据与 chrome 中的不同?

我正在尝试使用网络音频 API 对从麦克风获得的数据进行频率分析。我需要实时数据(在窗口大小为 1024 个样本的情况下可以获得尽可能多的实时数据)。 我是你...

回答 2 投票 0

React 仅显示存在的数组属性的组件

我只想显示以下组件(如果它们的 href 属性存在): 代码 下载 我只想显示以下组件(如果它们的 href 属性存在): <ExternalLinks href={source}>Code</ExternalLinks> <ExternalLinks href={download}>Download</ExternalLinks> <ExternalLinks href={visit}>Website</ExternalLinks> 这是数组,例如,如果数组对象不存在下载和访问属性,那么我不希望它们出现。 title: '', description: "", image: '/images/ethereumcampaign.png', tags: ['React', 'Node.js', 'Solidity'], href: "/campaigns", //download: 'https://google.com', source: '', //visit: "", id: 0, 谢谢:) 有2种方法: 过滤: {tags.filter((tag) => tag.download && tag.visit).map((tag, i) => ( <Tag key={i}>{tag.title}</Tag> <Tag key={i}>{tag.description}</Tag> ... ))} </TagList> 使用反引号(``): {tags.map((tag, i) => (` ${tag.visit && tag.download ? <Tag key={i}>{tag}</Tag> : ""} `))} </TagList> 在进行映射之前过滤您的数据,hasOwnProperty()确定presence的properties下载并在您的tag对象中访问: <TagList> {tags .filter((tag) => tag.hasOwnProperty('download') && tag.hasOwnProperty('visit')) .map((tag, i) => ( <Tag key={i}>{tag}</Tag> ))} </TagList>

回答 2 投票 0

我想学习WordPress而不需要购买域名和主机

我想学习 WordPress,但设置托管域以及所有初始过程对我来说都很令人沮丧,我不想涉足其中。 有什么可以帮助我快速创建一个

回答 1 投票 0

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