2021.04.28

63 阅读1分钟
[html] 如何阻止页面的字体自动调整大小?

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {

-webkit-text-size-adjust:none;

} -webkit-text-size-adjust的用法如下:

1、之前可以设置一个百分比然后可以在网页上(pc)显示小于12px的字体,但后来谷歌新版本已经不支持这个属性了。如果还想实现小于12px的字体,要用-webkit-transform:scale(0.8)

2、在移动设备上如手机和平板横屏会导致字体变大,-webkit-text-size-adjust: 100%可以禁止字体变化。

3、-webkit-text-size-adjust放在body上会导致页面缩放失效

4、body会继承定义在html的样式

5、用-webkit-text-size-adjust不要定义成可继承的或全局的

[css] 使用css画一个椭圆

.tuoyuan {

border: 1px solid #000;
width: 100px;
height: 50px;
border-radius: 50%;

}

[js] 如何深度冻结对象?度冻结对象有什么作用?

Object.freeze()就是跟const常量一样,只不过,const声明简单类型的值不能修改,对象却是可以修改的,所以,如果你想禁止一个对象的修改就可以用Object.freeze()

let a=0;a=3;console.log(a) //3

const a=0;a=2;console.log(a) //报错 const声明的不能修改

const b={'a':1};b.a=3;console.log(b.a) //3

如果想让对象不能修改

const c=Object.freeze({'a':1});c.a=3;console.log(c.a) //报错

浅冻结 如果a依然是个对象,那么还是可以改变的

const d=Object.freeze({'a':{'b':1}});d.a.b=3;console.log(d.a.b);

一个被冻结的对象不能被修改,不能被设置新属性,不能删除已有属性,不能修改对象已有属性的

[软技能] 你开发的web站点有处理网络断开的机制吗?