标签：css3 - 木凡的小窝

css3 自定义滚动条样式

一、需求滚动条样式太丑，太大了，稍微美化一下二、方案（1）webkit 内核/*********** webkit 内核***************/ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px;

如何禁止ios长按时触发系统的菜单，禁止ios&android长按时下载图片、禁止ios&android用户选中文字

一、需求在ios端默认的长按文字会出现选择，可以对文字进行复制粘贴，长按图片会出现存储、拷贝、共享菜单。但是在实际开发中，有时候要避免长按时弹出选中文字，长按图片现在系统菜单，甚至会导致绑定的自定义长按事件失效。这篇文章通过css3实现禁止ios端长按。

css上中下布局，上下固定，中间自适应滚动

一、方案固定我们使用flex，而滚动就必须用到overflow了关于flex的详细介绍请参考之前的文章弹性布局（display:flex;）属性详解关于overflow

弹性布局（display:flex;）属性详解

一、简述Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度

如何实现外层div固定内层div随内容大小适应

一、问题如何实现外层div固定内层div随内容大小适应外层父级div宽高固定内层子级div不能继承父级的宽高二、方案给自己的div及内容设置 display: inline-block三、代码，拷贝浏览器查看效果<!DOCTYPE html><html><head>

如何实现上下两个div上面值固定下面铺满高度

一、问题如何实现上下两个div上面值固定下面铺满高度下层div内容滚动二、方案通过flex布局实现父级div设置 display: flex;flex-direction: column;第一个子div 设置固定高度第二个子div 设置flex: 1;三、代码实现，可以直接拷贝浏览器查看<!D

2023-06-08

CSS 怎样突破最小字体大小限制设置更小的字体