随笔分类 -  html

tab-bar菜单凹陷效果
摘要：效果： 代码： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { margin: 0; padding: 0; 阅读全文
posted @ 2025-07-01 13:44 枫叶ak 阅读(12) 评论(0) 推荐(0)
设计宽度375
摘要：方式一： HTML 设置 viewport： <meta name="viewport" content="width=device-width, initial-scale=1"> 动态设置根字体大小 function setRem() { const baseWidth = 375; const 阅读全文
posted @ 2025-06-10 15:34 枫叶ak 阅读(31) 评论(0) 推荐(0)
html占位符
摘要：&#32; 普通的英文半角空格 &#160; &nbsp; 普通的英文半角空格但不换行 &#12288; 中文全角空格 （一个中文宽度） &#8194; &ensp; en空格 （半个中文宽度） &#8195; &emsp; em空格 （一个中文宽度） &#8197; 四分之一em空格 （四分之一中 阅读全文
posted @ 2023-10-07 16:20 枫叶ak 阅读(1203) 评论(0) 推荐(0)
3d彩色css旋转盒子
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-08-08 10:52 枫叶ak 阅读(51) 评论(0) 推荐(0)
html，meta标签清空缓存
摘要：不从缓存加载<meta http-equiv="pragma" content="no-cache" /> 过期不加载缓存<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/> 阅读全文
posted @ 2023-01-12 11:01 枫叶ak 阅读(60) 评论(0) 推荐(0)