首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >隐藏css <span> @ min-width: 480px

隐藏css <span> @ min-width: 480px
EN

Stack Overflow用户
提问于 2012-12-27 19:00:41
回答 1查看 480关注 0票数 0

在我的个人网站nineballstudio上,我遇到了一个主要标题文本min-width: 480px的问题。我发现这是因为我用来为这个淡入淡入设置动画的animate.css效果。

有没有一种方法可以在不影响其他宽度的span的情况下为span执行display:none?我还尝试了以下几种方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@media only screen and (min-width: 480px){
    span {
        display: none !important;
    }
}
EN

回答 1

Stack Overflow用户

发布于 2012-12-27 19:04:46

查看http://www.w3.org/TR/css3-mediaqueries/第4.1节

您可以指定特定范围的屏幕宽度来应用样式,例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@media screen and (min-width: 400px) and (max-width: 700px) {}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14059801

复制
相关文章
css页面自适应屏幕大小_html图片自适应屏幕
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/170364.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/21
8.1K0
css页面自适应屏幕大小_html图片自适应屏幕
Css3的Media Query方法总结—让您的网站兼容手机
最近几年,大屏幕手机和ipad等移动设备的流行,使你的网页兼容移动设备已成为一种流行!移动设备的屏幕大小是五花八门,各式各样!要想很好的兼容移动设备,Css3的media技术是功不可没。
Java帮帮
2018/12/28
2.1K0
Css3的Media Query方法总结—让您的网站兼容手机
CSS3 Media Queries模板
那么今天我们就针对上面的问题,一起来探讨一下CSS3 Media Queries在各种不同设备(桌面,手机,笔记本,ios等)下的模板制作。那么Media Queries是如何工作的?那么有关于他的工作原理大家要是感兴趣的话可以参考《CSS3 Media Queries》一文,里面已经做过详细的介绍,这里就不在进行过多的阐述。
李维亮
2021/07/09
9490
JS,如果改变span标签的是否隐藏属性
----------------------------------Hongten--------------------------------------------
Hongten
2018/09/13
10.8K0
总是听别人说响应式布局,原来这么简单
作者:麻酱 原文:http://www.majiang.life/blog/head-first-responsive-web-design/ 前言 总听别人说响应式布局,觉得是一个很高大上的东西,
程序猿DD
2018/02/01
7900
总是听别人说响应式布局,原来这么简单
CSS3 Media Queries
Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:
李维亮
2021/07/09
7630
CSS3 Media Queries
css 文字隐藏
在 HTML 页面上,遇到文字长度超出一定长度的时候,我们希望将超出的部分显示为...,这个功能很好实现
Karl Du
2020/10/23
2.9K0
3分钟理解响应式布局
总听别人说响应式布局,觉得是一个很高大上的东西,近日做的一个项目需要适配不同的屏幕尺寸,于是就简单研究了一下 Web响应式布局,其实原理很简单,下面就简单整理了一下分享给大家。
用户1093975
2018/12/06
9310
CSS3与页面布局学习总结(四)——页面布局的多种方法
所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下:
全栈程序员站长
2022/09/20
2.5K0
CSS3与页面布局学习总结(四)——页面布局的多种方法
利用@media screen实现网页布局的自适应
优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值。 1.设置 Meta 标签 在这之前,您必须在网页的头部区域加入下面这行代码: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> (user-scalable = no 属性能够解决 iPad 切换横
syy
2020/04/07
1.8K0
媒体类型和响应式设计
二、媒体类型引用方法:link标签,xml方式,@import和css3新增的@media四种
IT人一直在路上
2019/09/18
1.5K0
媒体类型和响应式设计
css3 媒体类型(Media Type)[通俗易懂]
不知道大家留意没有,其中两种方式引入CSS样式都有一个共同的属性“media”,而这个“media”就是用来指定特定的媒体类型,在HTML4和CSS2中充许你使用“media”来指定特定的媒体类型,如屏幕(screen)和打印(print)的样式表,当然还有其他的,比如说“TV”,“handheld”等,其中“all”表示的是支持所有媒体介质。有关于更多的Media类型,可以点击这里。
全栈程序员站长
2022/08/31
9050
大一新生HTML期末作业,网页制作作业——海鲜餐饮网站登录页面(单页面)HTML+CSS+JavaScript
👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等,用的最多的还是DW,当然不同软件写出的前端Html5代码都是一致的,本网页适合修改成为各种类型的产品展示网页,比如美食、旅游、摄影、电影、音乐等等多种主题,希望对大家有所帮助 一、网站题目👨‍🎓 🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。 <hr>
IT司马青衫
2022/08/13
1.4K0
大一新生HTML期末作业,网页制作作业——海鲜餐饮网站登录页面(单页面)HTML+CSS+JavaScript
CSS媒体查询_css网页
min-width: 800px 表示当屏幕宽度大于等于800px时,该样式生效。
全栈程序员站长
2022/11/01
1.6K0
08-移动端开发教程-移动端适配方案
由于移动端的特殊性,屏幕的尺寸碎片化严重,要想很好的适配不同的尺寸的设备,需要我们前端开发相比PC端要做一些基层的适配方案。 1. 常见的适配方案 百分比+固定高度布局方案 固定屏幕为理想视口宽度 少许的媒体查询设置字体 水平百分比布局 水平方向部分也可以使用弹性布局 Rem解决方案 Rem的大小取值:根据页面的dpr动态改变 Rem的取值: 1rem = 100px 或者 1rem = 1/10 * 理想视口的宽度 chrome浏览器字体小于12px(会被重置为12px) 固定设计稿的宽度开发+根据设
老马
2018/04/02
3K0
08-移动端开发教程-移动端适配方案
从box-sizing:border-box属性入手,来了解盒模型
    从最开始学习CSS的时候,就了解了盒模型的概念,今天,我们从其中的box-sizing:border-box;的属性入手,来重新认识一下盒模型在实际项目中的运用。
Twcat_tree
2022/12/05
1.6K0
从box-sizing:border-box属性入手,来了解盒模型
从box-sizing:border-box属性入手,来了解盒模型
从最开始学习CSS的时候,就了解了盒模型的概念,今天,我们从其中的box-sizing:border-box;的属性入手,来重新认识一下盒模型在实际项目中的运用。
全栈程序员站长
2022/08/11
2.6K0
从box-sizing:border-box属性入手,来了解盒模型
08-移动端开发教程-移动端适配方案
由于移动端的特殊性,屏幕的尺寸碎片化严重,要想很好的适配不同的尺寸的设备,需要我们前端开发相比PC端要做一些基层的适配方案。
老马
2018/02/18
3.5K0
08-移动端开发教程-移动端适配方案
Html与CSS快速入门03-CSS基础应用
这部分是html细节知识的学习。 边框、填充、对齐和浮动 这部分将主要介绍使用CSS控制整个Web页面的各个方面,通常来说,会使用margin(外部)和padding(内部性增加元素周围的空间,使用
用户1216676
2018/01/24
2K0
Html与CSS快速入门03-CSS基础应用
点击加载更多

相似问题

在span css之后隐藏标记

37

在span,css中隐藏img

13

CSS:在"min-width“处出错

22

在CSS中隐藏div下的span

50

CSS溢出:隐藏或滚动不能使用span

112
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文