2D旋转---------------------<!DOCTYPE html><html> <head> <style> div { width: 100px;
原创
2022-11-03 09:59:26
185阅读
代码： <script type="text/javascript"> var system = { win: false, mac: false, xll: false }; var p = navigator.platform; system.win = p.indexOf("Win") ==
转载
2020-07-29 17:53:00
217阅读
2评论
[.w3-ripple{ position: relative; background-color: #4CAF50; border: none; font-size: 28px; color: #FFFFFF; padding: 20px; width: 200px; text-align: center; -webkit-transition-d
转载
2020-07-13 21:38:00
96阅读
2评论
CSS中，元素的位置是通过偏移来定位的，偏移是相对包含元素的父元素的左上角来定义的，偏移量通常用left(水平)偏移和top(垂直)偏移来设置或读取。定位的类型：定位的类型用position设置，设置值有absolute , fixed , relative , static ,inhert。static(静态定位):这是元素的默认的定位方式，遵循默认的文档流,当元素设置static定位时，使用l
转载
2024-04-08 20:20:10
101阅读
很久不用了，是我最早开始写博客的平台://ww
原创
2022-03-15 11:22:15
189阅读
1、元素浮动–float属性通过浮动可以使一个元素向其父元素的左侧或右侧移动，使用 float 属性来设置元素的浮动， 可选值：none 默认值 ，元素不浮动 left 元素向左浮动 right 元素向右浮动注意：元素设置浮动以后，水平布局的等式便不需要强制成立元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置， 所以元素下边的还在文档流中的元素会自动向上移动浮动的特点：浮动元素会完全脱
转载
2023-12-13 23:11:11
225阅读
1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了，比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比1.2 背景缩放background-size语法：background-
转载
2023-07-13 11:23:17
273阅读
Position：absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。relative生成相对定位的元素，相对于其正常位置进行定位。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。static默认值。没有定位。inherit规定应该从父元素继承 position 属性的值。 1.re
转载
2024-03-28 03:59:44
94阅读
基于移动端H5的业务场景下，移动端设备的适配问题显得尤为重要，规划好移动适配方案是项目可以完美落地的基石。所以了解rem、em、css、px、device px等概念以及相互之间的差别与联系是设计出好的适配方案的基础。 ...
转载
2021-08-01 22:05:00
1196阅读
css3 移动小车
原创
2022-10-17 15:23:00
292阅读
目的：设计网站的时候考虑多屏幕尺寸的兼容显示问题。一、viewportviewport指网页的可视区域。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页元素都挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。常见的使用viewport来优化网页适应移动端
原创
2023-10-13 08:31:24
170阅读
meta
原创
2023-05-26 10:38:51
135阅读
css如何定位网站的footer（用DIV+CSS让footer始终在底部） 平时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的 定位,如果内容比较少的话,页面的FOOTER就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小 的技巧给大家分享 &
/*点击高亮显示清除*/ -webkit-tap-hightlight-color:transparent; -webkit-appearance:none; /*禁用长按页面时弹出菜单*/ img,a{-webkit-touch-callout:none;} 移动端技术选型： 单独的移动端页面：1
原创
2022-06-27 10:51:53
92阅读
CSS单行/多行文本，超出隐藏并显示省略号 方法一：使用CSS属性单行文本溢出显示省略号 多行文本溢出显示省略号 因为使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：display: -webkit-box;必
转载
2024-09-10 09:15:44
42阅读
独立站的移动优化对于抓住移动端用户至关重要。以下是一些关键的优化策略，有助于提升用户体验并吸引更多移动端用户
原创
2024-03-27 10:02:01
37阅读
一、viewpoint缩放方案原理：在写CSS时完全按照设计稿来（如750px设计稿），页面开发好后在head标签内加上：<meta name="viewport" content="width={设计稿宽度}, initial-scale={屏幕逻辑像素宽度/设计稿宽度}" >代码：<script>
const width = 750
const adap
转载
2024-01-30 03:43:02
233阅读
CSS优化1、转换 1、什么是转换 转换即改变元素的一些状态，大小、位置、形状 可以是2d转换，也可以是3d的转换 2d : 使元素在 x轴和 y轴上发生变化 3d ：2d基础上增加了 z轴的变化 2、转换属性 CSS3转换属性: transform : none / transform-function; none:不转换，默认值 tra
转载
2023-07-31 23:50:04
271阅读
5、定位和移动：Positioning(定位)CSS定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法.有四种不同的定位方法。Static 定位HTML元素的默认值，即没有定位，元素出现在正常的流
转载
2023-09-03 12:19:28
140阅读
不知道有多少码农和我一样，css一直是一个软肋，软到全身酥麻。。。既然软肋来了，只有一些html的标签，比如p，
原创
2023-04-21 09:11:15
65阅读
