我有这个造型的div：
- #slogan{
- font-size:24px;
- position:absolute;
- left:0;
- right:0;
- margin-left:auto;
- margin-right:auto;
- }
如果页面太大,我不想再使用以下样式了,所以我应用这种样式：
- @media only screen and (min-width: 941px){
- #slogan {
- font-size: 24px;
- position: absolute;
- min-width: 810px;
- text-align: right;
- }
- }
从页面左边缘显示一定量的内容.我在f12开发工具中测试了这些样式,看起来是正确的.但是,当我在css表单中应用样式时,边距和右/左部分仍然应用于元素,我不知道如何取消它们(边距没有默认值).
有帮助吗？
解决方法
使用
none,inherit or initial取消设置.
- @media only screen and (min-width: 941px){
- #slogan {
- font-size: 24px;
- position: absolute;
- min-width: 810px;
- text-align: right;
- margin-left:none;
- margin-right:none;
- }
- }
