小编use*_*833的帖子

有没有办法在平板电脑上禁用平移 - 网站?

我已经设置了以下css来停止计算机上的鼠标中移:

overflow-y: scroll;
overflow-x: hidden;
Run Code Online (Sandbox Code Playgroud)

但是,我仍然可以通过在屏幕上轻弹我的手指来平移我的平板电脑...有没有办法禁用它?

谢谢.

html javascript css responsive-design

6
推荐指数
1
解决办法
289
查看次数

使用 sass @mixin 和 @content 时的多媒体查询问题

有人可以告诉我以下出了什么问题。我在@Mixin 中使用@content 获取多个媒体查询...

我为媒体查询创建了@mixin:

@mixin tablet {
@media only screen and (max-width:1024px){
    @content;
}
}
Run Code Online (Sandbox Code Playgroud)

然后像这样实现:

.container{
width:1080px; 
margin: 0 auto;

@include tablet{width:940px;}
}

#slider{
width:800px; height:500px;

@include tablet{width:470px; height:470px;}
}
Run Code Online (Sandbox Code Playgroud)

但是,在编译时它会为我的每个 css 样式创建一个新的媒体查询:

@media only screen and (max-width: 1024px) {
div#slider {
width: 470px;
height: 470px; } 
}

@media only screen and (max-width: 1024px) {
.container {
width: 940px; } }
Run Code Online (Sandbox Code Playgroud)

我希望所有的 css 样式都在一个媒体查询中......而不是为每个创建的新媒体查询......使我的代码变得臃肿。

有人可以告诉我在这里做错了什么。

非常感谢

css sass mixins responsive-design

5
推荐指数
1
解决办法
3645
查看次数

标签 统计

css ×2

responsive-design ×2

html ×1

javascript ×1

mixins ×1

sass ×1