SCSS断点校正
我已经这样构造了我的断点,我需要1024个断点。我已经最大宽度1199得到冲突可以有人帮我解决这个问题 //断点 //------------------------------SCSS断点校正,css,responsive-design,sass,media-queries,scss-lint,Css,Responsive Design,Sass,Media Queries,Scss Lint,我已经这样构造了我的断点,我需要1024个断点。我已经最大宽度1199得到冲突可以有人帮我解决这个问题 //断点 //------------------------------ /* Portrait phones and smaller */ @mixin bp-xsmall-only { @media only screen and (max-width: 480px) { @content; } } /* Landscape phones and portrait t
/* Portrait phones and smaller */
@mixin bp-xsmall-only {
@media only screen and (max-width: 480px) {
@content;
}
}
/* Landscape phones and portrait tablets */
@mixin bp-small-and-below {
@media only screen and (max-width: 767px) {
@content;
}
}
/* Portrait tablets and small desktops */
@mixin bp-medium-only {
@media only screen and (min-width: 768px) and (max-width: 991px) {
@content;
}
}
/* Landscape tablets and medium desktops */
@mixin bp-large-only {
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@content;
}
}
/* Large desktops and laptops */
@mixin bp-large-and-above {
@media only screen and (min-width: 992px) {
@content;
}
}
@mixin bp-xlarge-only {
@media only screen and (min-width: 1200px) {
@content;
}
}
你遇到了什么问题?如果你的目标是针对每个不同的屏幕大小,你将需要更多的断点。我看到的一个问题是,在某些情况下,宽度并不总是像素的整数倍。也就是说,用户可以将窗口的大小调整为991.5像素宽。所以你应该避免这种情况。@MrLister我目前没有任何问题,但将来我不确定是否有1024px设备,你能建议我是否有简化的标准断点,而不是一堆这样的代码。你对1024px有什么不确定的?为什么1024px会出现问题?@Durgesh您可以使用台式计算机测试任意窗口宽度,只需调整浏览器窗口的大小。您会遇到什么问题?如果你的目标是针对每个不同的屏幕大小,你将需要更多的断点。我看到的一个问题是,在某些情况下,宽度并不总是像素的整数倍。也就是说,用户可以将窗口的大小调整为991.5像素宽。所以你应该避免这种情况。@MrLister我目前没有任何问题,但将来我不确定是否有1024px设备,你能建议我是否有简化的标准断点,而不是一堆这样的代码。你对1024px有什么不确定的?为什么1024px会出现问题?@Durgesh您可以使用台式计算机测试任意窗口宽度,只需调整浏览器窗口的大小。