我必须创建一个页面，其中有一个横幅与桌面上的视频和平板电脑/移动设备上的图像。有没有像<picture> HTML标签这样的东西，可以在没有媒体查询的情况下为每个指定的断点组合图像和视频？我知道我可以在平板电脑断点上隐藏视频并显示图像，但这并不是性能的最佳选择，因为视频仍在移动设备上加载。
浏览 17提问于2021-07-17得票数 0
回答已采纳
2回答
我正在使用bootstrap，我想(在适用的情况下)为每个屏幕尺寸提供特定的CSS。我在想，在我的CSS工作表中，每种屏幕尺寸都有一个媒体查询是更好，还是应该在每个需要的地方都做一个媒体查询。假设我的标准屏幕尺寸是这样的：
浏览 23提问于2017-03-15得票数 6
回答已采纳
虽然媒体查询的想法让我兴奋，但当你没有足够的断点时会发生什么？那么，有没有其他方法可以在没有媒体查询<
浏览 0提问于2013-07-20得票数 4
2回答
与大多数浏览器相比，大多数情况下只有移动浏览器才能响应定向媒体查询，这似乎是一种针对移动浏览器的好方法，不管屏幕大小如何。然而，出于某种原因，谷歌Chrome不仅会对此做出回应，而且实际上会根据视口的尺寸(窗口本身)来选择景物和肖像，而与屏幕本身的位置无关。
这让我想到了另一个潜在的想法。媒体查询似乎是速度最快、成本最低的(处理明智的</
浏览 6提问于2015-10-29得票数 1
回答已采纳
4回答
在web开发方面完全是新手，并试图在这里自学，至少可以说这是相当令人望而生畏的，但我仍然很开心。无论如何，我知道媒体查询会影响移动设备在不同屏幕尺寸上呈现页面的方式，但我想知道是否只有一种媒体查询可以影响所有移动设备，而不管屏幕大小？
我只想确保它不会影响桌面。例如，我想要调整所有移动设备上的导航菜单，但我不想在style.css中仔细更改与<e
浏览 2提问于2020-11-11得票数 0
1回答
在小于768px的屏幕上，我的footer-nav不显示为行，而是列。我已经看过了，我确实意识到我的flexbox代码将不会被考虑在内..所以我被卡住了。任何帮助都将不胜感激。此外，我正在尝试找到一种方法来转换我的页脚，以便在大于768px的屏幕上，页脚将显示更多的链接。到目前为止，我还没有找到这样做的方法。
浏览 14提问于2021-09-10得票数 1
我已经用Bootstrap做了一个网站，并使用了它的网格系统和CSS媒体查询，它是响应的，但我必须根据媒体查询中的最小宽度来设置字体大小，这使得它在达到相同媒体查询的最大宽度时变得更小。如何调整字体大小，使其适合该媒体查询中的所有屏幕大小？我是否需要为所有情况编写单独的媒体<
浏览 2提问于2018-10-24得票数 0
1回答
我有一个响应式的标题部分，但我需要将图像从<img>标签传输到background-image中-这可能吗？下面是当前的img标签： <img src="img/images-header.jpg" margin: 60px 0 0; object-fit: contain;
} 基本上，我需要让图像跨设备响应，是否</
浏览 10提问于2020-12-01得票数 0
回答已采纳
2回答
我只是想知道，在不使用媒体查询的情况下，是否有可能瞄准平板电脑。我问这个问题的原因是我已经使用了媒体查询，但是我在桌面上有一些灰度图像，当它们悬停时，它们会改变到原来的颜色。当设备达到一定尺寸时，我已经去掉了灰度，所以在较小的平板电脑和手机上是可以的，但是对于ipad和某些平板电脑来说，当它们被美化的<
浏览 5提问于2014-03-04得票数 1
回答已采纳
2回答
完成以下任务的最有效方法是什么：[] [] [][] [] [][] [] [] [] [] [] []然后是1 [] []
我将使用分页来翻到下一页，但我正在尝试找出实现这一点的最有效的
浏览 3提问于2014-08-05得票数 0
2回答
我一直在添加媒体查询，以使我的网站更具响应性。较大的查询(最小宽度1536px和最小宽度1224px)可以正常工作。但是，当我将样式应用到较小的尺寸时，根本不会显示任何样式。我不明白为什么他们不会，我知道如果不调整大小和位置，有些东西可能无法修复，但是颜色不起作用，这让我相信我在@media部分本身做了一些错误的事情。
浏览 1提问于2015-11-04得票数 0
我想知道是否有人能用简单的术语解释一下下面例子中的每个媒体查询是什么意思？
下面是一些示例。
浏览 4提问于2011-04-23得票数 5
回答已采纳
1回答
我有一个div (#slider)，我使用position: absolute；来允许它在不破坏包装器代码的情况下跨越整个屏幕的宽度。然而，我有一个菜单，可以在使用jQuery slideToggle点击"work“目录时切换。我想调整绝对定位元素的"top“属性，这样当我的菜单向下滑动时，它就会向下移动。可以在上实时观看
这都是使用自适应媒体查询，所以很明显，
浏览 0提问于2012-02-18得票数 0
回答已采纳
我制作了一个移动web应用程序，它在所有不同的智能手机(iphone、windows、blackberry和android)中看起来都很不错，但黑莓手机的屏幕很小，带有物理键盘。在这些类型的黑莓上应用不同风格或使字体更大的好方法是什么？
Note，我的应用程序在黑莓上看上去很棒，它有全屏幕和虚拟键盘。它在肖像和景观上看上去很棒。因此，我用小屏幕+物理键盘瞄准黑莓的任何解决方案都不能干扰带有全屏幕<e
浏览 1提问于2012-05-30得票数 0
回答已采纳
1回答
我有一个基于phonegap的html应用程序，我想在桌面/ipad和移动设备上都显示出来。
我正在研究媒体查询，但我需要指定min/max px，这似乎很麻烦。并对每种类型的移动设备进行单独的媒体查询，例如iphone4、iphone5、iphone6、iphone6plus等，因为它们具有不同大小的屏幕。我想要的基本上是建立一个css，我说，“对于所有的移动设备在横向这样做”
浏览 1提问于2014-12-13得票数 1
1回答
我使用下面的代码，以便只在大屏幕上显示某些元素： display: none; .forkit, .forkit-curtain { }但是当屏幕为1300px时，元素才会显示，只有当宽度为1250px时才会隐藏，因此媒体查询min-width 1400px也适用于屏幕尺寸<
浏览 1提问于2013-02-19得票数 0
1回答
这个问题是基于，它是在2009年发布的，上面有一些旧网站和特定的微软东西
我主要用Django做网页应用，但它在Android/Iphone/其他移动设备上似乎不能很好地工作。有一些像django-mobile ()这样的应用程序，可以让你根据设备的不同风格创建不同的网站。问题是，如果我们想要在Android，Iphone和PC上使用它，我们几乎必须做3个网站。
浏览 1提问于2012-08-30得票数 4
回答已采纳
3回答
我是一个初学者，一直在我的第一个与媒体查询响应式网站工作。768-1024，用于片剂即使当我将智能手机的范围改为320-767时，这两款手机仍然使用“平板”布局。注释3的宽度是720，对吗？因此，这应该会强制它进入智能手机查询</
浏览 1提问于2015-01-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
