登录界面如果要实现响应式 , 需要注意宽度的设置和media query的使用
宽度一般都是按百分比设置,当页面中百分比也满足不了的时候,可以使用media query区分出当前屏幕的宽度
根据不同的屏幕宽度设置不同的css
例如下面gofly的这个登录页
样式部分 :
正常按照pc的样式进行开发 , 然后再增加
@media (max-width: 768px) {}
在低于768px宽度的屏幕中 , 单独设置样式
html部分 ,可以忽略掉vue elementui的标签: