字体小于12px不生效的问题

最新推荐文章于 2024-07-21 21:28:16 发布

我系大壁虎

最新推荐文章于 2024-07-21 21:28:16 发布

阅读量770

点赞数 1

文章标签：前端 css3 html5

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/m0_61289694/article/details/124454965

版权

在根据设计图做静态样式时发现需要用到字体为8px的，然后发现小于12px时字体大小不会生效

只需用到transform的scale属性就好

不过需要注意，如果我们只需要字体变小，就需要给文字再包一层，否则会整体缩小

位置和大小再去根据样式图调整

我调整后的代码：

HTML

CSS

我系大壁虎

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
字体小于12px不生效的问题

在根据设计图做静态样式时发现需要用到字体为8px的，然后发现小于12px时字体大小不会生效只需用到transform的scale属性就好不过需要注意，如果我们只需要字体变小，就需要给文字再包一层，否则会整体缩小位置和大小再去根据样式图调整我调整后的代码：HTMLCSS...
复制链接

扫一扫

我系大壁虎 CSDN认证博客专家 CSDN认证企业博客

码龄3年

13: 原创

78万+: 周排名

114万+: 总排名

1万+: 访问

: 等级

156: 积分

4: 粉丝

10: 获赞

2: 评论

38: 收藏

私信

关注

热门文章

最新评论

vue 使用swiper
Csgogo1998: 不生效是因为swiper的版本不行吗[code=javascript] [/code]<template> <div class="swiper"> <swiper class="swiper-wrapper" :options="swiperOption"> <swiper-slide v-for="(item, index) in List" :key="index"> <img :src="item.url" alt="" /> </swiper-slide> </swiper> </div> </template> <script> import { Swiper, SwiperSlide } from "swiper/vue"; import { ref } from "vue"; import "swiper/swiper.scss"; import SwiperCore, { EffectCoverflow } from "swiper/core"; SwiperCore.use([EffectCoverflow]); export default { components: { Swiper, SwiperSlide }, data() { return { swiperOption: { loop: true, // effect: "cube", //切换效果 "fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性） grabCursor: true, centeredSlides: true, slidesPerView: "auto", //容器能够同时显示的数量,'auto'则自动根据slides的宽度来设定数量 autoplay: { delay: 1500, //切换图片时间 stopOnLastSlide: false, disableOnInteraction:
go.js去水印
有三个H: 还是去不掉

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。