如何在引导程序4中减小小屏幕中的图标大小。我正在研究引导程序,目的是在小屏幕中减小引导程序中的图标大小。例如,现在我的屏幕尺寸 移动S-320 PX,在这里我需要减小图标大小。请帮我解决这个问题。如果不确定我是否不清楚,请发表评论。
这是Regform.js
import React,{ Component } from 'react';
import './Regform.css';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSuitcase } from '@fortawesome/free-solid-svg-icons';
class Regform extends Component {
render() {
return (
<div classname='container-fluid customcolor'>
<div classname='row'>
<div classname='col-12'>
<div classname='Main'>
<div classname='icon'>
<FontAwesomeIcon classname='suitcasestyle fa-5x' icon={faSuitcase}></FontAwesomeIcon>
</div>
<div classname='content'>
<h1>Job Application</h1>
<h3>Please complete the form below to apply for a position with us.</h3>
</div>
<div classname='Mainform'>
<form>
</form>
</div>
</div>
</div>
</div>
</div>
)
}
}
export default Regform
这是Regform.css
.Main {
display: flex;
padding-top: 2%;
padding-bottom: 2%;
}
.customcolor {
background-color: #ff3f00
}
.suitcasestyle {
color: white;
}
.content {
padding-left: 10px;
}
.content h1,h3 {
color: white;
}