腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
@media (
max-width
:
1000px
)和@media and screen (
max-width
:
1000px
) CSS有什么区别
html
、
css
、
media-queries
CSS中的@media (
max-width
:
1000px
)和@media and screen (
max-width
:
1000px
)有什么区别?我在我的代码中分别测试了它们,它们做的都是一样的事情 .grid {}@media (
max-width
:
1000px
) { w
浏览 2
提问于2020-07-06
得票数 1
1
回答
为什么
此
媒体
查询
仅
适用于
max-width
=
1000px
?
html
、
css
、
flexbox
在下面的代码中,当屏幕最大宽度为
1000px
时,我试图更改在nav元素(类名: flex-nav)中定义的一组导航链接的flex特性,这是可行的。background: rgba(0, 0, 0, 0.3); display: none; width: 100%;
max-width
} flex: 3; flex: 1; @
浏览 37
提问于2021-07-10
得票数 0
3
回答
如何管理CSS3
媒体
查询
?
css
、
stylesheet
、
media-queries
由于有许多方法来实现CSS3
媒体
查询
到一个网站,我想知道哪一个是由更有经验的网页设计师推荐。我能想到几个:有一种
适用于
所有屏幕宽度的默认样式,以及
仅
适用于
较低屏幕宽度和覆盖默认值的
媒体
查询
,所有这些都在一个文件中。Cons: 与#1相同,但全局样
浏览 2
提问于2012-07-23
得票数 41
回答已采纳
2
回答
自动调整div容器CSS的大小
html
、
css
我有一个有2列的网页,宽度为50%,最小宽度为500px。现在我想知道的是如何调整它们的大小,这样当第二列重新定位到第一列的下面时,第一列的大小就会调整到整个页面。我无法理解这一点,任何帮助都将不胜感激。下面是基本代码:<div class="column"> ##</div> <div id="item-2">
浏览 0
提问于2012-09-06
得票数 0
1
回答
当lightbox打开时,CSS
媒体
查询
被覆盖
css
、
colorbox
、
responsive-design
、
media-queries
当屏幕小于
1000px
时,我有一个CSS
媒体
查询
覆盖一个元素。
媒体
查询
运行良好,直到我打开一个颜色盒,此时
媒体
查询
会被以前的样式覆盖。我的代码是:#header .holder {width: 960px;}@media all and (
max-width
:
1000px
width: 100%; }当我打开一个颜色盒时,我在Chrome的CSS
浏览 0
提问于2012-09-28
得票数 2
回答已采纳
2
回答
用javascript替换
媒体
查询
的背景图像
javascript
、
jquery
、
html
、
media
background/2.jpg' } transition: 'swirlRight',}); 如何编写一个javascript代码在
媒体
查询
中交换背景图像
浏览 4
提问于2016-04-25
得票数 0
1
回答
如何在调整窗口大小时调整内容大小?
html
、
css
menu-container>.menu-heading {} margin: 15px; #menu { }
max-width
: 300px; width
浏览 54
提问于2021-11-20
得票数 0
1
回答
如何在响应性设计中保留图标尺寸?不使用像素
html
、
css
、
responsive-design
、
icons
、
size
我在我正在构建的响应页面中有社交
媒体
的图标,我已经将一个
max-width
:3%应用于所有这些图标,以缩小它们原来的大小,因为它们以前太大了。我知道我可以使用像素来定义一个固定的大小,但是这个练习的目标之一是不以像素来设置图像值(
仅
允许填充值)。} text-decoration: none;display: inline-block;
max-width
浏览 2
提问于2016-03-24
得票数 0
2
回答
尝试理解响应式设计中的特定场景
css
、
twitter-bootstrap
、
responsive-design
假设我在一个网页上有一个以
1000px
宽度显示在桌面上的div。假设我希望div在所有手机上都以100%宽度显示。在不使用Bootstrap的情况下,完成
此
任务的最简单方法是什么?
浏览 0
提问于2017-03-27
得票数 0
2
回答
如何使用多个
媒体
查询
?
css
、
media-queries
我有这段代码,我试着找出
为什么
它不工作。我已经读了几个类似问题的答案,但我就是没有变得更聪明。我们假设(
max-width
:480)中的代码是否
适用于
所有其他较大的
媒体
查询
?我唯一能看到的就是(
max-width
:1000)@media screen and (
max-width
:
1000px
) { display: none; width: 100%; #map {
浏览 0
提问于2017-12-04
得票数 0
1
回答
两个CSS
媒体
查询
相互覆盖
css
、
media-queries
我有2个
媒体
查询
如下! .rightlist{ } .rightlist{ } 当两个
媒体
查询
一起时,上面的
查询
将覆盖下面的
浏览 0
提问于2015-09-08
得票数 0
1
回答
如何调试响应图像的srcset和大小,比如应用哪种
媒体
条件?
html
、
css
、
debugging
、
responsive-images
转到10,改变
媒体
条件,保存,重新加载,悬停,重复,直到它起作用。希望其他图片永远不会失败。 srcset="foo_a.jpg 300w, foo_b.jpg 768w" />currentSrc == "foo_b.jpg"
浏览 0
提问于2019-03-12
得票数 8
2
回答
在我的网站移动版本中使图片百分比更大
html
、
css
、
css-position
我尝试了一个
媒体
查询
,它不
适用于
此。我要分享我的codepen链接,你们能帮我查一下吗?祝你今天过得愉快。Here is link for codepen.io @media only screen and(
max-width
:700px) { width:60%;
浏览 20
提问于2020-09-06
得票数 0
回答已采纳
4
回答
如何使用css
媒体
查询
表示宽度打开间隔?
css
例如: background: #000@media screen and (min-width: 800px)and (
max-width
:
1000px
){} 但是我应该如何用ccs
媒体
查询
来表达(600,800)呢?
浏览 20
提问于2022-09-12
得票数 0
2
回答
响应式div在一行上
html
、
css
、
responsive-design
我已经为此挣扎了几天了。我用谷歌搜索了很多,但找不到正确的答案。我正在建立一个网站,并希望使其充分响应。在我的主页上,我有3块tekst (每个块300宽)。在大于1000像素的屏幕上,它们居中。在此之前,我没有任何问题。我还希望积木始终保持队形。或垂直3个区块或水平3个区块。而不是1行上的2个块和它们下面的行上的另一个块。 我尝试将div容器设置为width: 60%,但是在较小的屏幕上,我在左侧得到了一个很大的空间。积木也不像我希
浏览 1
提问于2015-10-15
得票数 0
4
回答
修复IE的div width @media修复
javascript
、
jquery
、
html
、
css
、
media
但是ie8和更低版本会忽略它,有没有其他方法可以尝试让div在IE的1024分辨率下将宽度从100%改为
1000px
?我用jquery试过了,但不起作用。$(document).ready(function(){ $('#content')css('width','
1000px
')
浏览 0
提问于2012-10-18
得票数 2
回答已采纳
1
回答
仅
应用了一个
媒体
查询
wordpress
、
css
、
css-selectors
、
media-queries
所以我有一个子主题,我试图使其响应,但其中一个
媒体
查询
根本不适用-当屏幕小于700px时,将.single-column的背景更改为orangered。另外两个
媒体
查询
可以完美地工作。这是一个子主题,父主题有以下屏幕尺寸的
媒体
查询
: 2500px,1300px,1100px,
1000px
。这些都没有被我的代码覆盖,但我很好奇这是否与我的问题有关,因为我遇到的问题屏幕大小不在父主题的
媒体
查询
集中。/* 1100px *
浏览 0
提问于2019-01-10
得票数 0
3
回答
专门针对平板电脑的Css Media
查询
css
、
media-queries
我有一个
媒体
查询
-->@media all AND (
max-width
: 1024)..which在三星平板电脑上运行良好,但我需要它只
适用于
平板电脑,而不
适用于
pc。如果设备是pc,则应
仅
@media screen和(
max-width
: 768px)..我该怎么做呢?
浏览 5
提问于2013-03-06
得票数 1
回答已采纳
2
回答
响应性地应用CSS类
css
、
twitter-bootstrap
、
responsive-design
我正在尝试使用类似于boostrap框架的东西,根据窗口大小有选择地选择要应用于给定元素的css类。有什么简单的方法可以做到这一点吗?我需要使用javascript吗?我是否应该关注bootstrap之外的其他东西?
浏览 2
提问于2014-09-14
得票数 0
3
回答
多个元素的
媒体
查询
html
、
css
、
media-queries
新的
媒体
查询
。但我想我错过了船的某个地方。
浏览 3
提问于2017-01-16
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
IE兼容 placeholder 属性
如何仅使用CSS创建响应式导航菜单
H5响应式布局要求和规范
响应式图片的 3 种解决方案
浅谈Bootstrap
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券