div+css设置电脑端显示 手机端不显示代码
创意设计

div+css设置电脑端显示 手机端不显示代码

今天给大家分享一个【Css+Div 设置电脑端显示 手机端不显示代码】希望帮助大家!

自适应的网站使用最好不过了!

在需要隐藏的区域加一个Div,例如想在手机端隐藏012.jpg这张图片,代码如下:


<div class="none"><img src="http://www.pengtao.net/img/012.jpg"/></div>


如果想设置屏幕尺寸达到了 768 像素以下将会隐藏,否则显示。

则把DIV加一个样式代码如下:

@media screen and (max-width: 768px) {
 .none{
display:none; }
}