Published: 13 Jan 2020 › Updated: 13 Jan 2020
链课手机端优化及更新
链课在样式方面是用的Bootstrap的框架,响应式的,对于不是特别复杂或是功能很多的网站,其实一站就可以了。在前端设计时只有调整下样式,就可以响应式的布局。也就是说,当电脑打开时会展示电脑端的样式,当用手机打开时会展示手机的样式。这比重新做个APP或是小程序要简单些。
在CSS样式中只需加上一段代码即可:
@media only screen and (max-width:768px) {
h1{
padding-left: 1rem;
}
#content{
width: 95%;
}
.newtext{
width: 90%;
margin-left: 1rem;
}
}
关键是第一行代码:它会自动判断是不是手机端,如果是,则使用以下样式!
在做手机端优化时,也做了一些小更新:把封面图加上了,在其它前端(如steemit)加上了直达链课的链接......
Leave 链课手机端优化及更新 to:
Read more #moochain posts
Best Posts From lemooljiang
We have not curated any of lemooljiang's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.
More Posts From lemooljiang
- Nextjs初体验,和Nuxt的异同
- DeepTutor:AI个性化辅导平台 / ai #57
- ComfyUI:可编程和自动化的PS / ai #56
- 将Neo4j封装进Agent / ai #55
- 闲鱼省钱大法:极限0.5折!
- 对Neo4j批量导入结构化数据 / ai #54
- langchain对neo4j进行交互,写入和查询数据 / ai #53
- 知识图谱和图数据库Neo4j的作用和使用场景 / ai #52
- SpaceX、美股和比特币
- 又是币圈血洗日!
- 链股合流,当币安也开始卖股票啰
- 天涯社区重启,爷青回?
- 诺基亚在AI时代重新杀回来啦
- 《2049:未来10000天的可能》书中的镜像世界为什么不叫元宇宙
- 今天适合吃披萨
- 开通即被封,别再给Claude送人头了!
- 两根内存条引发的“官司”
- AI·Joe V12更新, 更新GPT-5.5和DeepSeek V4 等
- 中医进校园活动反响热烈
- 猪价低伤农,猪价贵伤民