前端技术文章
-
Chrome默认根字号16px且严格遵循CSS规范，IE（尤其IE9–11）rem支持不全、缩放行为不同；推荐用px保兼容，rem需显式设html为16px并确保标准文档模式。439 收藏 -
使用TailwindCSS通过原子类快速构建响应式表单，组合px-4py-2borderrounded-mdfocus:ring-blue-500等实现输入框样式，select添加appearance-none自定义下拉箭头，textarea设置resize-y，label用blockmb-1font-medium关联字段；布局采用gridgrid-cols-1md:grid-cols-2gap-4实现多列响应结构，区块间用mb-6pb-6border-b分隔；交互上通过border-red-500tex439 收藏 -
inline元素间空隙是HTML规范行为，因换行缩进被解析为空白字符并渲染为空格；解决优先用flex/grid布局，其次删源码空白或注释“吃掉”，慎用font-size:0和vertical-align。439 收藏