web 相关问题

TailWind CSS 中的媒体查询无法正常工作。我的代码是这样的 TailWind CSS 中的媒体查询无法正常工作。我的代码是这个 <img src={MYIMAGE} alt="Test Image" className="h-6 w-8 rounded-md gfold:h-8 gfold:w-14 gfold:rounded-xl sm:h-16 sm:w-24 " /> gfold -> (400px) - 我在 tailwind.config.js 文件中包含的介质尺寸。 sm -> (640px) - Tailwind 附带的默认介质尺寸。当媒体大小低于sm时，尺寸是正确的，但是当我的屏幕大于sm尺寸时，尺寸不会改变。现在我该怎么办？请帮助我，我是 Tailwind CSS 新手。首先使用顺风CSS，媒体查询用于较大的屏幕，默认的CSS适用于移动设备，所以请记住这一点我建议使用 tailwind 定义的标准断点，而不是覆盖配置文件， <img src={MYIMAGE} alt="Test Image" className="h-6 w-8 rounded-md md:h-full md:w-full" /> 当屏幕大于 768px 时，这会将图片设置为全尺寸。还要确保在 tailwindcss 中定义新断点时将以下内容添加到配置文件中 const defaultTheme = require('tailwindcss/defaultTheme') module.exports = {theme: {screens: {'gfold' :'400px' ,...defaultTheme.screens},}} 您可以在以下位置检查如何使用媒体查询创建顺风逻辑：https://learnjsx.com/category/1/posts/mediaQueries 要完全替换默认断点，请直接在 tailwind.config.js 中的主题键下添加自定义屏幕配置： theme: { screens: { 'sm': '576px', // => @media (min-width: 576px) { ... } 'md': '960px', // => @media (min-width: 960px) { ... } 'lg': '1440px', // => @media (min-width: 1440px) { ... } }, } } 您尚未覆盖的任何默认屏幕（例如使用上面示例的 xl）都将被删除，并且不能用作屏幕修饰符。要覆盖单个屏幕尺寸（如 lg），请在 theme.extend 键下添加自定义屏幕值： module.exports = { theme: { extend: { screens: { 'lg': '992px', // => @media (min-width: 992px) { ... } }, }, }, }

html css web tailwind-css

回答 2 投票 0

尝试了解 CSS 选择器如何与 HTML 按钮交互

我是制作网站的新手，因此找到了一个模板可以用作我自己的个人网站的参考，到目前为止，我正在使用尝试删除边框的按钮，因此它是一个文本按钮...

html css web css-selectors containers

回答 1 投票 0

如何切换到虚拟环境并让Python识别出已安装Flask？

我很困惑，因为我遵循了我在网上看到的每个论坛帖子的建议。我完全按照流程操作，一切看起来都设置正确，但 Pycharm 仍然无法识别

python flask web pycharm

回答 1 投票 0

Flutter Web - 从 PC 浏览器检测屏幕/锁屏状态

我的目标是，如果 PC 进入睡眠状态或用户锁定 PC，则从 Flutter Web 应用程序中注销用户。是否有 Flutter API/插件来检测 PC 屏幕是否进入睡眠状态或者是否...

flutter web browser

回答 1 投票 0

如何使用 PReact 访问多个 props.children

我正在使用 astro 并使用 PReact 和 Bootstrap 创建了这个 Card 组件卡.jsx 导入“bootstrap/dist/css/bootstrap.min.css”；导出默认函数 Card(props) { 返回（ ...

reactjs web preact astro

回答 1 投票 0

Azure DevOps 管道在测试运行时失败

我正在运行一个网络项目管道，它是在角度中构建的，但是，每次它在测试时都会失败，并出现错误“您的计算机资源不足”。退出 Windows 或重新启动...

angular azure web azure-devops devops

回答 1 投票 0

如何使用Flask拒绝回复？

我正在使用 Flask 来实现 Web 服务。 @app.route('/myservice',methods=['POST']) def myservice(): 如果异常活动检测到（）：拒绝做出任何回应。我想知道如何...

python flask web service

回答 1 投票 0

如何在上传大小为 1GB 的大文件时处理“存储/重试限制超出”Firebase 存储网络

相关代码： var storageRef = firebase.storage().ref(file_path); var uploadTask = storageRef.put(文件); 上传任务.on( '状态改变', 函数（快照）{ // 观察状态变化

javascript web google-cloud-storage firebase-storage

回答 1 投票 0

为什么Django上传文件到服务器失败

如果 request.method == 'POST': k = 请求.FILES obj = request.FILES['上传'] t = int(时间.时间()) 作业ID = '作业ID'+str(t) job_name = jobid + '_' + obj.name 打印（作业名称） ...

django web python-webbrowser

回答 1 投票 0

为什么架构出现在某些网站的搜索结果中而不是其他网站的搜索结果中？

我注意到搜索引擎使用 schema.org 来索引有关您网站的信息，并使用户更容易找到要查找的内容，但它仅适用于选择性网站。我什么...

web seo schema.org

回答 2 投票 0

如何使用 CSS 移动网站中的元素

我需要使用什么才能使我的网站中的按钮向左移动。我尝试过使用不同的属性来移动我的按钮，我也尝试过搜索答案，但没有答案......

php html css web

回答 1 投票 0

为什么标题和列表在tiptap 中不起作用？

我正在尝试使用tiptap制作文本编辑器，但标题和列表不起作用输出 '使用客户端'；从“@tiptap/extension-heading”导入标题；导入 { EditorContent，EditorProvider，