
在css的后面加上 @media (max-width: 678px){.id_name{display:none}}
这段代码的意思是当屏幕宽大小小于678px时执行{}内的css样式,即class名为id_name隐藏
具体用法介绍点下面的链接
网页链接
随着移动互联网的发展,大多数企业在制作网站的时候,为了兼容各种设备,会制作出PC端、移动端二种版,根据不同的设备跳转到不同的网站,从而实现用户体验最优化。那么,问题来了,笔者遇到一个问题,有个企业老网站之前通过DIV+CSS布局的。电脑端打开网站布局排版都正常。当用手机打开其电脑版的网站时,只要涉及背景的代码,在手机浏览器上显示不完整,出现混乱的排版,具体案例如下:(手机浏览PC端的网站出现了对不齐的问题)针对这样的问题主要原因是div 在定义样式时 PC端样式只设置一个高度,不用设置宽度,是可以铺满全屏的,到了手机端无法铺满全屏了。比如你PC端定义的div样式可能是这样的 .flash { height:530pxmargin:0px autotext-align:center} 没有定义宽度,或者宽度你定义成width:100%。在手机端时,就会出现如上图的布局混乱的局面。那么,如何实现在手机端浏览pc端的网站也能像在电脑端显示的效果一样呢(左右对齐)。阿想同学做了一个简单的修改就可以了。就是所有的排版先不要动。在body元素里添加一个最小宽度(如:min-width:1200px)就可以解决。是不是很方便。至于手机端浏览器,为什么要显式的添加一个宽度才可以显示呢? 请各位大神在下方法评论。。如果你无法打开或浏览网页,你可根据以下情况进行排障:1、宽带未连接。重新连接宽带。2、路由器故障。拆除路由器后,进行宽带连接试用。3、偶发性故障,如ADSL断流,电脑内存数据溢出等。重启电脑、modem试用。4、浏览器故障,应用不恰当的代理服务器。卸载一切浏览器插件,恢复IE浏览器默认设置试用。去掉代理服务器设置。重装浏览器程序。5、IP地址、DNS设置设置不当。一般家庭用户IP地址设置成自动获取,重设DNS服务器地址。6、杀毒软件防火墙设置错误。临时关闭杀毒软件防火墙试用,如果恢复正常,检查被禁用项目,放行即可。7、电脑中毒或者被攻击。升级杀毒软件至最新版本,打好系统补丁,在安全模式下查杀病毒,如果病毒杀不掉需要重做系统。8、TCP/IP 出错。点击开始--运行--输入CMD,在Dos提示符下输入命令“ping 127.0.0.1”(本机循环地址),如果显示Reply from 127.0.0.1: bytes=?? time=?ms TTL=???,则表示TCP/IP协议运行正常,若显示Request timed out(超时),重装该协议。ping本机IP地址。使用ipconfig查看本机IP地址,若通则表明网络适配器工作正常,否则可能是网卡故障。WIN98、2000可用重装协议。XP、vista、win7需要重做系统。9、系统文件丢失、 *** 作系统故障。可分析何种故障,可用系统安装盘恢复,或者重做系统。10、新装软件之间有冲突。最近安装的程序分析可能引起冲突的软件,卸载试用。11、不同的拨号软件相互干扰。win98 、2000系统只用一个拨号软件。XP、vista、win7尽量使用自带拨号程序。12、多网卡冲突,或者网卡工作不正常。ping本机IP地址。使用ipconfig查看本机IP地址,若通则表明网络适配器工作正常,否则可能是网卡坏。禁用不用的网卡,检查网卡驱动是否与新装软件、新装驱动有冲突,咨询客户是否添加新硬件如果用请拆除临时新硬件使用。重启电脑网卡,更改网卡工作速率试用。13、宽带信号,楼宇交换机出现故障。拨打宽带所属运营商客服热线进行故障申告。欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)