如何使Materialise CSS框架（无礼版）仅在大屏幕上不响应

Question

我正在使用Materialize CSS SASS版本来建立网站。 我想使它仅对大屏幕（在中/平板电脑视图上方的任何屏幕）不响应，但我想使它对中小屏幕无响应。 我怎样才能做到这一点？

特斯拉（Tesla）网站就是这样做的一个网站示例：

https://www.tesla.com/zh_CN/

// 12. Global
// ==========================================================================

// Media Query Ranges
$small-screen-up: 601px !default;
$medium-screen-up: 993px !default;
$large-screen-up: 1201px !default;
$small-screen: 600px !default;
$medium-screen: 992px !default;
$large-screen: 1200px !default;

$medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
$large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
$extra-large-and-up: "only screen and (min-width : #{$large-screen-up})" 
!default;
$small-and-down: "only screen and (max-width : #{$small-screen})" !default;
$medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
$medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-
width : #{$medium-screen})" !default;

Answer 1

从技术上讲，特斯拉网站可以在大屏幕上响应，因为无论宽度如何，背景图像都可以100％扩展。

但是我明白了您所说的从640px到大约960px，特斯拉图像的最小固定宽度超过了浏览器窗口。

如果要先从移动设备开始，则在大屏幕断点处进行操作，请确保所有相关容器的最小固定宽度都是最小的。

.hero {
    width: 100%;
    min-width: 960px;
}

没有提供任何HTML或CSS，我只能说这些