css3 - How to reset these CSS styles? -
i'm searching way reset these (for mobile version of site):
#somediv { /* net explorer 10 */ display: -ms-flexbox; -ms-box-orient: vertical; -ms-flex-pack: center; -ms-flex-align: center; /* firefox */ display: -moz-box; -moz-box-orient: vertical; -moz-box-pack: center; -moz-box-align: center; /* safari, opera, , chrome */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; /* regular */ display: box; box-orient: vertical; box-pack: center; box-align: center; } i have tried setting "display: block" 1 time. browsers (emulator) seem still have set rules.. should utilize "none" on them all?
you can utilize media queries applying specific styles different mobile devices.
@media (max-width: 600px) { #somediv{ display:block!important; } } try giving display:block !important prevent getting overridden
css css3
No comments:
Post a Comment