提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

设计具有图片和内容的响应式页面

我是前端新手，我在处理布局和响应式方面遇到了一些问题。到目前为止，这是我的代码：body{margin:0;background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family:'Inter',serif;font-weight:bold;width:700px;

P粉676588738 2023-09-07 15:55:30

chat gpt响应的格式化

我在我的React应用程序上使用聊天gptapi。我面临的问题是如何格式化来自聊天gpt的响应。如果要求它以表格格式给我一个响应，它会提供奇怪的响应，我使用预标记来显示文本，响应以这种方式显示附加图像，但我想要正确的表格，就像聊天gpt一样，如果我要求的话，以同样的方式它显示为段落形式而不是在不同行上的任何项目列表，因此如何正确格式化聊天GPT响应。我想要正确的表格和列表，如聊天gpt显示的那样，

P粉563446579 2023-10-25 14:53:41

css3 - 图文响应式样式

把这个页面做成PC桌面端响应式效果：一种方法是直接把图片做成响应式，这种做法简单，唯一的不好就是文字模糊，效果感觉不太完美；另一种方式是图片+文字，这种做法文字大小需要自适应，文字位置关系更不容易做好...

習慣沉默 2017-05-16 13:20:57

如何使用flexbox实现这种响应式布局

我正在制作一个React应用程序，它在Flex容器内呈现xy数量的卡片和单个小部件。所有卡片具有相同的宽度和高度，但小部件的高度等于卡片高度*2+row-gap。容器的宽度根据视口宽度而变化，并且在视觉上应分别看起来为带有卡片的2或3列。为了进一步清晰起见，我提供了所需布局的模型图像，小部件用蓝色表示。无论我尝试什么，如果不将行的高度更改为其大小，我都无法让小部件显示在正确的位置，从而留下一个“空

P粉733166744 2024-02-26 19:29:01

css - 对于有背景图片的的响应式布局怎么来写

类似这种我现在想要做一个component 有背景图但是背景图不能百分百大小然后中间还要有内容左边图片右边文字如何来做响应式

怪我咯 2017-07-06 10:37:20

javascript - css轮播图适应布局问题

类似于轮播图布局，外面蓝色容器不设置宽度，100%自适应，而每一个子容器的宽度等于父容器的宽度并且一排显示，父元素超出的部分进行隐藏，在不使用js的情况下能实现吗？

给我你的怀抱 2017-06-13 09:23:41

响应式 YouTube 嵌入 Flex 中

我尝试在Flex容器中嵌入响应式YouTube以及其他一些内容，但YouTube嵌入的容器不会增长，因此要么重叠，要么被其他元素重叠。我不确定我是否解释得很好，所以我还制作了一个代码和盒子来演示：https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper}from"@mui/mat

P粉111641966 2024-03-21 23:20:29

javascript - layui table布局，当td中内容过多过长，会出现table页面被挤变形的结果，求更好的布局方式

如题，页面主要是用于展示相关信息。当td里面的内容过多时，下一行会被挤掉。想寻求更好的布局方式，不一定要table 布局]

迷茫 2017-07-06 10:35:25

响应式图像和文本 Div 并排

所以我试图创建一个模板，其中一个div是图片，另一个是带背景的文本。现在我想让这个模板响应式，以便文本以特定的px宽度位于图片下方。通过stackoverflow，我看到无数的帖子说你应该使用Flexbox。我尝试过，但我无法完全正确。所以在桌面上它应该看起来像这样：https://i.stack.imgur.com/HDehv.jpg在智能手机上它应该跳到这里https://i.stack.im

P粉005134685 2024-04-02 08:59:38

Vue 3中如何为组件实例设置非响应式的数据？

对于Vue2有一个类似的问题，建议使用$options。但是对于Vue3似乎不起作用。首先，Vue3的文档中说，$options是只读的。所以当我尝试在组件挂载时初始化实例中的tooltip时，我得到了非常奇怪的行为，当显示工具提示时，它们是从最后创建的组件中显示的，所以似乎$options在某种程度上是“全局”的？当将tooltip放入data中时，一切正常，但显然tooltip不应该是响应式的

P粉973899567 2023-08-25 23:08:24

如何在 ionic Angular 和 ngfor 中制作响应式网格？

如何在ionicAngular和ngfor中制作响应式网格？就像这里一样在此输入图像描述我的网格模板：<ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList"class="item-entry"detailrouterLink=&quot

P粉106715703 2023-09-14 22:57:49

将标题重写为：将一个项目设置为true，其他所有项目设置为false的VueJS响应式元素

我正在使用VueJS的组合API开发一个应用程序。我已经设置了一个响应式元素，如下所示constsections=reactive({section1:true,section2:false,section3:false,section4:false,section5:false,section6:false})当页面上的每个按钮被点击时，我想根据它们的布尔值显示和隐藏各个元素（以及其他许多操作）

P粉786800174 2023-08-28 20:55:03

css - 如何用flex实现三栏布局，但是子元素高度要自适应呢？

我想用flex实现图中的三栏布局，目前遇到如下问题：当父元素设置display: flex后，三栏的高度是相同的，而我希望三栏的高度是自适应的，我尝试设置flex-direction:colume和flex-flow:row nowrap都达不到想要的效...

滿天的星座 2017-05-16 13:45:22

将响应式方块放置在弹性列中

我有一个游戏网站，其中有页眉、棋盘和页脚。我需要将所有三个都安装在视口内。棋盘应该缩小才能实现这一点。缩小是我遇到的问题。我已经能够获得宽度响应，但无法获得限制性高度。棋盘应保持正方形并占据未使用的空间或缩小以防止溢出。我正在按照以下方式做一些事情，但是棋盘最终会溢出父级的高度。在我的实际代码中，由于换行，标题的高度是未知的。页脚有不同数量的文本。棋盘内部有一系列代表行的div和一系列代表棋盘各个

P粉545682500 2023-09-03 19:51:51

无法使用 svg 图像创建响应式网格区域

在我尝试创建一个包含svg图像的响应式网格区域时，我遇到了奇怪的行为，例如任意网格区域宽度，以及无法让图像增大或缩小到某个点而不停止。我得到的最接近的是：*{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16

无需订阅Observable，在Angular中以命令式的方式编辑响应式表单数据的方法

以下是我一直在使用的订阅和根据可观察数据更新响应式表单的过程。也许有一种方法可以在不订阅可观察对象和更改值的情况下解决问题。@Component({selector:'app-my-component',template:`<form[formGroup]="myForm"><inputformControlName="name"/>

P粉587970021 2024-03-29 18:37:15

移动设备无法正确显示响应式布局卡

描述在创建网页时，ChromeDevTools上的一切都按预期运行，直到我尝试了移动版本。为什么会发生这种情况？从来没有遇到过这样的问题。重现步骤这就是桌面版本的情况。减小宽度后：这是预料之中的。当我激活移动版时，它突然无法使用：即使使用flex+flex-wrap+flex-direction或使用grid+grid-template-columns:Repeat(auto-fit,minmax

P粉878510551 2024-03-19 22:21:02

React.js CSS 窗口宽度

我正在使用React开发一个响应式网站。对于样式，我使用CSS样式表。响应部分是使用@media查询在CSS中实现的。问题是，当我使用Chrome时，元素显得更大，布局就像我从较小的屏幕（平板电脑）访问网站一样。我的理解是，chrome“认为”视口较小，并使用相应的信息响应媒体查询。问题出现在开发过程中，经过一段时间的正常工作后。我做错了什么以及如何解决这个问题？注意：在Firefox中打开网站时

P粉396248578 2024-03-31 16:31:23

我的简历标题

1.熟练掌握PHP面向对象编程，严格遵循PSR4规范，具备良好的编码习惯2.熟练掌握PHP常用设计模式（单例模式, 工厂模式等）3.熟练运用TP框架并了解Laravel等主流框架4.熟练掌握Linux并熟练搭建开发测试环境及常用服务5.熟练使用HTML5/CSS3、BootStrap进行响应式布局、Flex+Rem弹性布局6.熟练使用JavaScript进行前后台交互，对跨域问题比较了解7.熟练使

啦啦啦啦啦 2022-07-20 16:22:34

使用单个网格或 Flex 创建多样化的卡片布局：实用指南

我正在尝试制作如图所示的响应式卡片布局。目前我正在做的是分别为计算机、平板电脑和移动设备创建布局。然后在media查询的帮助下，我将其他两个视图的显示属性设置为display:none。例如：如果我在计算机视图中，计算机的卡片布局将不会将显示设置为“无”，而另外两个计算机的显示将为none。这可行，但会导致大量冗余。有一种方法可以使用Flex或网格实现所有三种布局。请指导我。

P粉808697471 2024-04-02 21:07:36