CSS
关注
分享
扫一扫
文章平均质量分 84
天問_
天問的个人网站(天问博客)，专注于Node.js、Vue.js、Svelte、Electron.js、Tauri、Vite、Nginx等大前端技术。不断学习新技术，记录日常开发问题，持续分享coding，极客开源，共同进步。
展开
-
H5适配iOS顶部和底部安全区域
在移动端Web开发中，适配不同设备的屏幕是一个重要且挑战性的任务。对于iOS设备来说，这一任务尤为关键，因为自iPhone X起，苹果的设备引入了刘海屏、圆角等设计，这就要求开发者在Web页面中特别处理顶部和底部的安全区域。本文将介绍如何在H5应用中适配iOS设备的顶部和底部安全区域，包括对旧版iOS的兼容处理。原创 2024-01-31 16:14:28 · 4364 阅读 · 0 评论 -
禁止 ios H5 中 bounces 滑动回弹效果
在开发面向 iOS 设备的 HTML5 应用时，控制页面的滚动行为至关重要，特别是禁用在 Safari 中默认的滑动回弹效果。本文旨在提供一个简洁明了的解决方案，帮助开发者在特定的 Web 应用中禁用这一效果。原创 2024-01-30 11:34:36 · 5911 阅读 · 0 评论 -
深入浅出：white-space 和 word-break 的作用
在前端开发中，排版和文本处理是不可忽视的一部分，而CSS属性中的 white-space 和 word-break 就是在处理文本时非常重要的两个属性。它们分别用于控制空白和单词的处理方式，对于实现良好的文本显示和排版效果至关重要。原创 2024-01-22 12:31:58 · 1667 阅读 · 0 评论 -
Tailwind CSS 原子化开发初体验
Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类（class）名，然后生成相应的样式代码并写入到一个静态 CSS 文件中。他快速、灵活、可靠，没有运行时负担。再也不用为了取一个 classname 类名而烦恼了。原创 2023-12-25 15:00:07 · 1889 阅读 · 0 评论