两个样式问题

来源:9-9 作业 完成文章详情页

慕莱坞3345942

2022-07-06

老师你好,

第一个问题是当窗口缩小这里发布时间和简介重叠

图片描述

第二个问题就是如何限制文本中的图片不越界

图片描述

写回答

1回答

张轩

2022-07-06

同学你好

非常认真的问题,点赞。

都是移动端的样式问题,我们的应用并没有兼容移动端的样式,因为多端样式问题不是我们主讲的,所以这里简单说一下。

第一个,针对小屏幕,可以使用响应式的方式,在手机的时候,给这里添加特定的样式,比如说左侧的作者信息根据屏幕大小,设置不同的宽度,可以研究一下 bootstrap 提供的响应式 grid:https://getbootstrap.com/docs/5.2/layout/grid/

比如可以将类名更改为:

//img.mukewang.com/szimg/62c4e6cb09ec587819400226.jpg

这个意思就是 在大于 md 的屏幕上,占一半的长度,在小于 md 的屏幕上,占整行,这样就可以解决问题。

第二个问题:可以给图片设置 max-width 来设置它的最大宽度。

0
3
慕莱坞3345942
回复
张轩
感谢!
2022-07-09
共3条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程