我已经设置了以下css来停止计算机上的鼠标中移:
overflow-y: scroll;
overflow-x: hidden;
Run Code Online (Sandbox Code Playgroud)
但是,我仍然可以通过在屏幕上轻弹我的手指来平移我的平板电脑...有没有办法禁用它?
谢谢.
有人可以告诉我以下出了什么问题。我在@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 样式都在一个媒体查询中......而不是为每个创建的新媒体查询......使我的代码变得臃肿。
有人可以告诉我在这里做错了什么。
非常感谢