提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

根据屏幕宽度显示不同的内容

对于一个元素，我根据屏幕宽度有两个不同的文本。当屏幕宽度小于或等于400px时，我想显示narrow。当屏幕宽度大于400px时，我想显示large。这里是代码：https://jsbin.com/qagetoseva/edit?html,css,output但问题是，当宽度为400px时，这段代码什么也没有显示，有谁知道如何修改吗？<!DOCTYPEhtml><html>

P粉904450959 2024-04-01 22:53:42

html5 - 移动端怎么样让图片宽高比例正好适应手机当前屏幕全屏大小？

1.移动端怎么样让图片宽高比例正好适应手机当前屏幕全屏大小？当宽度100%时高度就需要自适应，当高度100%时宽度就需要自适应，这样就可能图片超出当前屏幕出现滚动条，需要滑动才能看到，或者就会出现留白，没...

世界只因有你 2017-05-16 13:25:15

宽度

这节课和下一节课的宽度设置都是一样的，怎么这节课就是字体在一旁，并且宽度没有第二节课的宽度宽，并且下一节课的是字体在上方

A乐顺发智能回转餐饮设备黄莎莎 2020-06-03 17:13:19

javascript - 如何获取未设置宽度的行内元素的精确的宽度？

例如： td 设置了宽度，span 未设置宽度。 1.使用 $.width() 获取的是整数宽度，$('td').width() 获得的是 218px ，span 为 129px2.使用 clientWidth ，获取不含边距、boder的宽度，span宽度为 0，td宽度为'218'3...

PHP中文网 2017-05-19 10:46:37

显示 flex 占用的宽度大于 div 上指定的宽度

div有一定的宽度，里面的文本动态地来自API，并且有省略号样式。我无法提供文本的宽度，因为文本是完全动态的并且不确定文本长度。下面是解释该问题的代码。body{background-color:lightblue;}.container{display:flex;width:130px;}.d-flex{display:flex;}.flex-column{flex-direction:colu

P粉425119739 2023-09-11 18:37:38

javascript - prismplayer播放器全屏问题

页面能正常播放，但是点击自带的全屏按钮时，页面会有一瞬间全屏，然后页面又回到了初始状态。播放器的宽高是通过 js 获取的，因为宽高要随着浏览器的变化而变化。

PHP中文网 2017-07-05 10:37:26

javascript - ppi中的一个像素点的宽度等于1px 吗？

ppi：pixels per inch，屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。那一个像素点的宽度等价于网页设计中的1px吗？

我想大声告诉你 2017-05-19 10:36:52

javascript - 如何让外层div随内层div的宽度自适应调整宽度

最好是纯html+css，伪代码举例： {代码...} 让外层div1的宽度随内层div的宽度改变

PHP中文网 2017-06-26 10:58:30

如何调整文本区域的大小，使其适应内容宽度，并设置最小宽度和最大宽度？

所以，我现在在文本区域方面遇到了麻烦，我无法将其调整为内容宽度......我找到了关于内容高度的长而详细的答案，并且它有效！但上面没有内容宽度...这就是那篇文章：创建具有自动调整大小的文本区域但是，我的问题没有解决，我也需要调整宽度。考虑最大和最小宽度。这是示例代码：$("textarea").each(function(){this.setAttribute("s

P粉277824378 2023-09-05 11:21:30

我可以使用 Vuetify 在移动屏幕上实现表格的全宽吗

我可以使用Vue2和Vuetify在小屏幕上实现表格“缩小”吗？我有一个任务，表格需要在移动屏幕上保持全宽，可以放大。基本上实现类似img的行为。我基本上需要从该图像实现第二个屏幕，但使用v-data-table。尽管“它们都同样糟糕”，但我需要第二种解决方案。Vuetify有专门的解决方案吗？

P粉842215006 2023-08-30 20:56:28

改写标题：根据屏幕宽度发出 Vue.js 事件

我从侧边栏中获得了以下代码。单击任何链接时，我还会向根组件发出一个事件，然后调用一个函数来隐藏侧边栏。这运行良好，但现在我希望仅当屏幕宽度小于768px时才发出事件，以便仅当我想要调用该函数时才能发出事件。<divclass="side-links"><ul><li><router-link@click="$emit('nav

P粉463291248 2024-03-28 10:37:34

固定宽度可以自适应？

固定宽度可以自适应？

全网最菜的小白 2018-07-02 15:17:54

可变列数的宽度未知

我想在列中排列一些项目。我无法预测项目的宽度或高度，也无法预测容器的宽度或高度。我也无法预测可以容纳多少列或列的宽度应该是多少。我希望浏览器在不超过容器宽度的情况下，将项目排列在最大数量的列中，同时最小化容器的高度。这个解决了问题，但是否有更好的方法？可以不使用jQuery来实现吗？可以以一种老旧浏览器也能正常显示的方式来实现吗（也许将其排列在行中而不是列中）？<style&

P粉441076405 2023-08-20 21:40:19

如何在移动设备上实现全宽度的旋转木马效果

如何在移动手机或小屏幕设备上使我的轮播图变成全宽？任何帮助将不胜感激。您可以查看下面的代码，或者直接在我的CodePen上查看-https://codepen.io/nurzamf-the-lessful/pen/ZEodKGO<divclass="contain"><divid="owl-carousel"class="owl-

P粉302484366 2023-08-31 09:17:45

我无法使用 unsplash 设置图像的宽度和高度

这是html代码...在此处输入图像描述我尝试多次更改宽度...多次重新启动VS-code，但我仍然无法更改宽度。每次刷新页面时它都会给出随机大小

P粉520204081 2023-09-15 19:40:40

javascript - JAVA后台怎么设置表头的宽度

1.JAVA后台怎么设置表头的宽度，代码如下： 2.导出的表头列宽太小,求大神解决。

高洛峰 2017-05-17 09:58:22

是否可以使用 vuetify 规则验证图像宽度、高度？

我想使用vuetify验证图像宽度和高度。我编写了一个函数来检查图像并与条件进行比较。虽然我可以检查图像的宽度、高度，但规则总是错误<v-file-input:id="'file-input-'+label"ref="fileInput":rules="rules.minResolution"class="file-inp

P粉652523980 2024-03-29 14:30:58

Chrome和Firefox中呈现的文本容器宽度大小不同

为什么容器宽度在Chrome和Firefox中呈现为不同的尺寸？图像样本。Chrome：渲染宽度为681.273FireFox：渲染宽度为685.8499*{margin:0px;padding:0px;}div{font-size:20px;font-family:'Arvo';max-width:824px;text-transform:none;letter-spacing:0em;line

P粉946336138 2024-03-31 13:37:43

javascript - bootstrap table固定列之后宽度无法对齐怎么解决？

如图所示，这里的td宽度就是不一致，怎样才能跟随表头的宽度？

我想大声告诉你 2017-07-05 11:02:48

如何设置 flex:auto 元素的子列表的宽度

您好，我有一个CSS问题。有两列，右(B)列的固定宽度为100px，左(A)列必须填充剩余宽度。另外，在A列内，有一个水平添加的子组件列表。问题是，当添加子组件时，A列的宽度变长，B列变低。如何才能让添加子组件时，如果超过A列宽度，则添加到A列内的底线？当子元素数量较少时当子元素数量增加时（按原样）当子元素数量增加时（TO-BE）

P粉676588738 2023-09-09 18:09:18