E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
font-size
页面自适应字体大小,根据屏幕宽度适应
font-size
文字大小
1.HTML中加入以下JS代码:vardocEl=document.documentElement;functionsetRemUnit(){varrem=docEl.clientWidth/19.2;//可根据不同电脑分辨率进行手动修改(如1920*1080为19.2docEl.style.fontSize=rem+'px'}setRemUnit()window.addEventListener
北斗星的爱886
·
2023-08-22 06:52
JavaScript
前端
html
自适应
屏幕适配
怎么用css设置字体小于12px
就会影响浏览效果但是有时候我们需要将字体设置的很小这就需要用到特殊的手段用transform属性设置用transform的scale缩放属性将字体缩放,实际上并没有改变字体大小,只是将标签缩放了,这样看起来就小了很多p{
font-size
小张快跑。
·
2023-08-22 02:13
前端小知识
经验分享
恰饭
前端
细谈CSS3之calc
比如说,你可以使用calc()给元素的border、margin、pading、
font-size
和wi
xiaoxiao昱
·
2023-08-22 00:30
css实现等边三角形与直角三角形
等边三角形的实现:先来看一段代码~span{height:0;line-height:0;
font-size
:0;width:0;border-color:#FF6666#6666FF#999999rebeccapurple
越努力越进步越开心越自信
·
2023-08-21 18:07
<img>清除默认间距
1、在父容器DIV里设置
font-size
:0px。此方法不适合DIV及子元素里有文本的情况,否则需要在文本单独设置
font-size
。2、将元素设置为块元素,display:block。
落丶寞
·
2023-08-21 01:34
前端
css
html
仿中国婚博会微信小程序
首页轮播图设计image.png3.首页九宫格设计image.png.item{margin-top:15px;text-align:center;font-family:"MicrosoftYaHei";
font-size
wangyu2488
·
2023-08-20 21:49
CSS如何将浏览器文字设置小于12px
CSS如何将浏览器文字设置小于12px使用transform:scale进行缩放transform:scale(0.8);第一段文字第二段文字.first{
font-size
:12px;}.second
小火车况且况且
·
2023-08-20 16:56
CSS
css
前端
CSS基础样式
一、字体样式font-family(字体类型)隶书,楷体,宋体,小篆等
font-size
(字体大小)单位:像素pxfont-style(字体风格)nomal默认值,标准文档样式italic斜体font-weight
Kⅈꫛᧁ269
·
2023-08-20 14:44
css
html
前端
HTML中img标签会出现下边距,底部距离下一个元素会有一小段距离
不同的
font-size
应该也会影响到这个空隙的大小。解决方法如下://给im
哟,利齿脂鲤
·
2023-08-20 06:50
前端
css
html5
css3
css 实现文字横向循环滚动
css部分.weather_info_wrap{width:90%;overflow:hidden;white-space:nowrap;
font-size
:24rpx;display:flex;}.weather_info
佛系努力中……
·
2023-08-19 23:32
css
前端
移动端网页布局适配rem方案小结
前言根据W3C规范中对1rem的定义:1rem与等于根元素
font-size
的计算值。当明确规定根元素的
font-size
时,rem单位以该属性的初始值作参照。
qbylucky
·
2023-08-19 22:20
vue中实现文字检索时候将搜索内容标红
#8195 题生产经营-->搜索框样式:.searchBox{height:70px;display:flex;align-items:center;.bt{font-family:'pf';
font-size
slom_fxt
·
2023-08-19 18:29
vue.js
javascript
ecmascript
line-height
大小百分比单纯的数值这几种设置方式对于当前元素没有太大区别,重要的是体现在继承方面,子元素在继承时对于前三种都是直接继承当前元素的line-height转换为px的大小,只有第四种是继承单纯数值,因此会发现使用前三种时当子元素设置
font-size
会笑的那双眼
·
2023-08-19 13:23
css
前端
css
前端-CSS-Less预处理
Less官网1.嵌套结构#header{color:black;.navigation{
font-size
:12px;}.logo{width:300px;}}2.编译注释以//开头的注释,不会被编译到
Xiao_zuo_ya
·
2023-08-19 10:21
前端
前端
css
less
web APIs-练习四
fff;background-color:brown;/*background-size:240px;*//*float:left;*/overflow:hidden;}.countdown.next{
font-size
Dowen00
·
2023-08-18 23:59
前端
测试题(实操)
初始代码如下:Document*{margin:0;padding:0;}li{list-style:none;}.wrapper{width:200px;margin:30pxauto;}.wrapperi{
font-size
小李科技
·
2023-08-18 17:33
#
S2.React
hooks.formik
javascript
开发语言
ecmascript
CSS中的字体属性有哪些值,并分别描述它们的作用。
聚沙成塔·每天进步一点点⭐专栏简介⭐`font-style`⭐`font-weight`⭐`
font-size
`⭐`font-family`⭐`font-variant`⭐`line-height`⭐`
几何心凉
·
2023-08-18 10:27
前端入门之旅
css
前端
jquery表单对象属性选择器
ddddiv,span{width:140px;height:140px;margin:20px;background:#9999CC;border:#0001pxsolid;float:left;
font-size
小祈祈博客
·
2023-08-18 09:15
H5党建e家学习笔记(2)
总结二pxpx指的是逻辑像素,也叫作css像素,适配时不能使用px作为单位em指的是一个汉字的宽度,2em表示的是两个汉字的宽度em是相对于父元素的
font-size
来说的,因为这个特性他也不能够作为适配
远远愿远远
·
2023-08-18 06:52
样式化文本
first-letter(选中元素文本的第一个字母),::first-line(选中元素文本的第一行),或者::selection(当前光标双击选中的文本)2.属性colorfont-familyfont-size,元素的
font-size
清平乐啊
·
2023-08-18 01:36
屏幕自适应单位rem、vw转换(移动端适配)
1.使用rem的js代码解决适配问题事实上rem.js是把屏幕等分成10份,每份为1rem,1rem对应的大小就是rem基准值,rem.js做的就是把rem基准值给html的
font-size
,所以如果设备的物理像素宽为
MoicA
·
2023-08-17 23:15
小程序选项卡,tab导航栏
image.pngwxml推荐最新wxss.time{color:#929292;
font-size
:28rpx;padding:020rpx;}.time::after{display:flex;content
赵羽珩
·
2023-08-17 18:07
判断浏览器是否支持 rem 单位
/*判断浏览器是否支持rem单位/@supports(
font-size
:1rem){/使用rem单位*/.selector{
font-size
:1rem;width:12.5rem;}}
Wxinin
·
2023-08-17 18:06
css
CSS 字体修饰属性
前言字体修饰属性属性说明font-family指定文本显示字体
font-size
设置字体的大小font-weight设置字体的粗细程度font-style设置字体的倾斜样式text-decoration
无副作用༗
·
2023-08-17 18:30
web编程
#
CSS3
css
前端
web酷炫粒子特效
QQ群招募中:646258285(招募中,没几个人说话),需要交流的朋友可以直接加我微信(DntBeliv)或QQ(1121864253)粒子背景html,body{
font-size
:14px;font-family
朽木白露
·
2023-08-17 18:28
web前端
手机端H5页面适配 踩坑
rem:fontsizeoftherootelementrem作为一个单位,单位大小由它第一代老祖宗的
font-size
的大小决定,也就是html标签的
font-size
。
潘道蒙
·
2023-08-17 12:23
小程序CSS button按钮自定义高度之后不居中
问题:按钮设置高度后不居中Savepage{
font-size
:30rpx;}.btn1{margin-top:100rpx;height:190rpx;background:linear-gradient
Lan.W
·
2023-08-17 11:11
前端
javascript
html
css
vue中html显示的问题
main{height:140px;
font-size
:8px;text-overflow:-o-ellipsis-lastline;//多行省略overflow:hidden;text-overflow
warrah
·
2023-08-17 10:02
岁月会计云——前端开发
岁月云——Web系统最佳实践
vue
Less 嵌套
例如:.xkd{
font-size
:14px;}.xkdp{line-height:25px;}.xkdpspan{color:#ccc;}这样写虽然也好理解,但是没有那么直观,维护起来也不方便。
·
2023-08-16 23:31
前端cssless
13-CSS文字文本样式
1.font字体1.1font-size:大小作用:
font-size
属性用于设置字号p{
font-size
:20px;}单位:可以使用相对长度单位,也可以使用绝对长度单位。
zhouhao_180
·
2023-08-16 19:03
学习如何用CSS变量创建网页响应布局 — css var()
从本质上讲,CSS变量可以让你摆脱老式的样式设置:h1{
font-size
:30px;}navbar>a{
font-size
:30px;}/…而是主张这样写:/:root{--base-fon
·
2023-08-16 17:10
JQ-内容伪类选择器
内容伪类选择器body{background-color:#e6fbff;color:#000;
font-size
:20px;padding:030px;}li{list-style:none;}a{color
挥剑斩浮云
·
2023-08-16 01:49
移动端/PC端适配实践
移动端/PC端适配实践移动端适配主要是想在不同的移动设备上展示其所匹配的margin/padding/
font-size
大小,适配时有以下几个点是想满足的:(1)不需要换算,也不想计算转换系数(2)有些属性或者类选择器不想进行转换
啥时候能干全栈
·
2023-08-15 21:10
vue
html
css
vue.js
css
javascript
html5
vue中分割线的实现
tableTitle{position:relative;margin:0auto;width:600px;height:1px;background-color:#d4d4d4;text-align:center;
font-size
HGYYR
·
2023-08-15 20:27
vue.js
css
前端
css样式1
font-weight=700(bold),=400(默认:normal)(100-900)相当于strong标签实际开发中使用数字更好font-style=normal将倾斜转为正常=italic变倾斜
font-size
·
2023-08-15 18:30
css
Vue动态设置Style属性
#ccc':''}"凡是有-的style属性名都要变成驼峰式,比如
font-size
要变成fontSize除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00
花归去
·
2023-08-15 09:40
vue
vue
1rem、1em、1vh(vw)、1px各自代表的含义
1rem、1em、1vh(vw)、1px各自代表的含义:rem页面所有使用rem单位的长度都是相对于根元素元素的
font-size
大小。即1rem等于根元素元素的
font-size
大小。
钟Bubble
·
2023-08-15 07:50
前端
微信小程序(原生)搜索功能实现
产品11scss.history{padding:30rpx;.title{display:flex;justify-content:space-between;align-items:center;
font-size
青田。
·
2023-08-15 06:10
微信小程序
小程序
微信小程序之button按钮自适应大小
但测试屏幕大小改变的时候,在wxss里设置width、height、
font-size
等,按钮却不会自适应进行大小改变。
noveto
·
2023-08-15 05:30
微信小程序开发
微信小程序
小程序
css
2018-09-19 day23-css布局
标准流和displaya{width:100px;height:50px;
font-size
:20px;}.div_head{height:200px;background-color:#7FFF00;
rzlong
·
2023-08-14 20:11
click
let'susevuetobuildyourweexapp.jump.wrapper{align-items:center;margin-top:120px;}.title{padding-top:300px;padding-bottom:400px;
font-size
曾柏超
·
2023-08-14 19:14
jquery发送ajax练习
jquery发送ajax练习工具代码运行结果工具HBuilderX代码通过ajax进行图片的提取和显示div{background-color:beige;color:red;
font-size
:30px
@疯狂
·
2023-08-14 12:30
前端
jquery
ajax
前端
CSS练习
nth-child(even){background-color:powderblue;}trtd:nth-child(3){color:red;}tr:first-childtd:first-child{
font-size
@疯狂
·
2023-08-14 11:44
前端
css
前端
【微信小程序】实现分页加载
1.wxml正在载入更多...已加载全部2.wxss.loading{padding:10rpx;
font-size
:26rpx;color:#666;text-align:center;}3.json
木易早上
·
2023-08-14 09:51
Vue绑定样式,自我总结
Document.bg{background-color:red;}.bg_b{background-color:blue;}.font{
font-size
:40px;}.fontColor{color
lidengjia
·
2023-08-14 01:30
前端
vue.js
前端
javascript
关于IE11的样式兼容问题记录
1、布局如下{{title}}.map-label{font-family:SourceHanSansCN-Regular,SourceHanSansCN;
font-size
:14px;line-height
zuo-yiran
·
2023-08-13 23:33
css
javascript
前端
css
面试小结
.rem的计算原理打个比方,要计算375px的屏幕,设计稿给的是750px的,此时屏幕1px相当于设计稿的0.5px,所以设计稿上某个元素类imgTest100px,相当于屏幕上50px设置html下
font-size
朝阳若蓝
·
2023-08-13 14:26
#
L4:Vue
Part1:Web
#
L1:Base
面试
vue
computed
watch
微信小程序时钟
flex-direction:column;align-items:center;justify-content:flex-end;height:22%;}.date-box{padding:20rpx0;
font-size
古口古
·
2023-08-13 08:25
微信小程序
微信小程序
小程序
3、boostrap图片视频上传展示
boostrap图片视频上传展示1、展示效果2、html代码1、展示效果项目目录结构2、html代码htmlTitle-->/*统配设置整个文件为宋体,12号字*/*{font-family:'楷体';
font-size
爱补鱼的猫猫
·
2023-08-12 23:48
前端
音视频
javascript
前端
Flask boostrap实现图片视频上传下载展示
Flaskboostrap实现图片视频上传下载展示1、展示效果2、前端代码3、后端代码1、展示效果项目目录结构2、前端代码htmlTitle-->/*统配设置整个文件为宋体,12号字*/*{font-family:'楷体';
font-size
爱补鱼的猫猫
·
2023-08-12 23:48
Python
前端
flask
音视频
python
上一页
21
22
23
24
25
26
27
28
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他