两个样式问题
来源:9-9 作业 完成文章详情页
慕莱坞3345942
2022-07-06
老师你好,
第一个问题是当窗口缩小这里发布时间和简介重叠
第二个问题就是如何限制文本中的图片不越界
写回答
1回答
-
同学你好
非常认真的问题,点赞。
都是移动端的样式问题,我们的应用并没有兼容移动端的样式,因为多端样式问题不是我们主讲的,所以这里简单说一下。
第一个,针对小屏幕,可以使用响应式的方式,在手机的时候,给这里添加特定的样式,比如说左侧的作者信息根据屏幕大小,设置不同的宽度,可以研究一下 bootstrap 提供的响应式 grid:https://getbootstrap.com/docs/5.2/layout/grid/
比如可以将类名更改为:
这个意思就是 在大于 md 的屏幕上,占一半的长度,在小于 md 的屏幕上,占整行,这样就可以解决问题。
第二个问题:可以给图片设置 max-width 来设置它的最大宽度。
032022-07-09
相似问题
路由跳转问题
回答 1
axios一次发送两个请求?
回答 2