html media居中,html - 文字在@media屏幕上居中对齐，并且（min-width：992px）和（max-width：1199px） - 堆栈内存溢出...

滑块的标题和子标题未在所有其他屏幕尺寸上居中对齐，但在此屏幕尺寸下，标题和子标题向左浮动

@media screen and (min-width:992px) and (max-width:1199px) {

.position{

position: absolute;

padding-top: 240px;

}

.swiper-slide{

text-transform: uppercase;

letter-spacing: 3px;

font-size: 60px;

line-height: 79px!important;

color: #fff;

}

.subtitle{

font-family: 'Rouge Script', cursive;

font-size: 40px;

line-height: 39px!important;

font-weight: 400;

color: #fff;

font-style: italic;

}

}

我正在使用文本中心引导程序类来对齐文本

我的HTML

welcome to the shop

Take your time looking around & don't be shy

START BROWSING