web端针对各屏幕调试代码

针对一定大小屏幕，web端改变样式

//以最小屏320px为例
<div class="content">123</div>
<style>
.content
    position:relative
    margin-top：50%
    font-size：50px
@media screen and (max-width: 320px)
    .content
        margin-top:30%
</style>
//意义在于使用320px浏览时，div的位置会相对定位距离顶部30%的位置，此处可以根据需要改变前面已定义的样式