成都web前端培训：响应式登录页的设计和实现，登录界面如果要实现响应式 , 需要注意宽度的设置和media query的使用，宽度一般都是按百分比设置。...
登录界面如果要实现响应式 , 需要注意宽度的设置和media query的使用
宽度一般都是按百分比设置,当页面中百分比也满足不了的时候,可以使用media query区分出当前屏幕的宽度
根据不同的屏幕宽度设置不同的css
例如下面gofly的这个登录页
样式部分 :
正常按照pc的样式进行开发 , 然后再增加
@media (max-width: 768px) {}
在低于768px宽度的屏幕中 , 单独设置样式
html部分 ,可以忽略掉vue elementui的标签:
推荐文章
校区地址：成都市锦江区东大街紫东楼端35号明宇金融广场19楼1906室
联系电话：400-111-8989
公交路线：芷泉街（18路;21路;43路;48路;104路;152路;335路 ） 地铁路线：东门大桥站（地铁2号线）
校区地址：成都市高新区奥克斯广场蜀锦路209号一楼商铺
联系电话：400-111-8989
公交路线：益州大道锦城大道口（18路;21路;43路;48路;104路;152路;335路 ） 地铁路线：孵化园（地铁1号线）
校区地址：成都锦江区东大街芷泉街229号东方广场C座3楼303
联系电话：400-111-8989
公交路线：芷泉街（188路;115路;515路;236路;505路;501路;84路 ） 地铁路线：东门大桥站（地铁2号线）
校区地址：成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号
联系电话：400-111-8989
公交路线：红牌楼东（11路;92路;100路;111路;139路;g28路；快速公交K1/K2） 地铁路线：红牌楼站（地铁3号线）
校区地址：成都市锦江区红星路二段70号四川日报大厦502-2
联系电话：400-111-8989
公交路线：市二医院站（6路;49路;102路;5路;37路;g92路;） 地铁路线：地铁市二医院（地铁3号线）
校区地址：成都市锦江区东大街芷泉段229号东方广场C座16层
联系电话：400-111-8989
公交路线：芷泉街（18路;21路;43路;48路;104路;152路;335路 ） 地铁路线：东门大桥站（地铁2号线）
校区地址：四川省成都市武侯区高新科技孵化园9号园区E座7楼
联系电话：400-111-8989
公交路线：益州大道锦城大道口（18路;21路;43路;48路;104路;152路;335路 ） 地铁路线：孵化园（地铁1号线）
