- 博客(5)
- 收藏
- 关注
RSS订阅原创 HTML CSS 将未知长宽的图片以正方形显示（自适应）
1. 先创建一个正方形的容器，由于要实现自适应，不能直接给固定长宽，需要将宽度设置100%，padding-bottom: 100% ，这样就可以实现一个自适应的正方形的容器。在实际的项目中，很多时候图片需要以正方形(1:1)显示，但往往不是所有的图片来源都是1:1的比例，这时候需要将图片按比例裁剪缩放将居中显示。2. 通过CSS 样式将图片按比例裁剪缩放并居中显示在刚刚创建的正方形容器中。
2023-12-02 16:15:24
981
原创 将http重定向到https的方法
2. 如果你用的是 nginx 服务器，需要更改nginx的配置文件，请参考以下方法，更改nginx的配置文件之后，需要重新加载或重启 Nginx 服务器，配置才会生效。1. 如果你用的是 apache 服务器，可以在。（ps: 以下规则需要开启 Apache 的。
2023-11-28 18:53:34
639
原创 在 vue3 中用 event.stopPropagation() 方法阻止冒泡触发事件
方法可以阻止事件的默认行为，但是它不会影响事件的冒泡行为。在 Vue 3 中，同时存在事件时，例如@click 事件，那么当用户点击的时候，默认会先触发。可以用于阻止链接的默认跳转行为或提交表单等默认操作。通常我们在触发子标签的时候，我们不需要触发。点击事件，然后再冒泡触发。的事件，那么需要用到。在vue 3 中，当。
2023-11-28 17:29:30
2623
原创 在网站使用Gmail SMTP发送邮件的设置方法
3. 啟用後，前往 https://myaccount.google.com/apppasswords，添加應用程式密碼。
2023-11-26 23:32:43
847
1
原创 JS 跨域要带cookie的方法
/ 可选：如果需要发送身份验证凭据（如 Cookie），设置以下选项。// 可选：如果需要发送身份验证凭据（如 Cookie），设置以下选项。
2023-11-22 09:28:02
479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人