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