移动端布局之postcss-px-to-viewport(兼容vant)
2024-02-16在今天这篇文章中,我并不会在这里讲一些移动端视口的概念,包括物理像素和逻辑像素,理想视口,dpr等等等等,我只介绍这样一种非常不错的移动端适配方案:post-css-to-viewport,如果我说这种方案能解决98%以上的移动端布局痛点,我想整个掘金,应该没有人会反驳。_vant postcss-px-to-viewport
jQuery模板字符串
2024-02-14模板字符串可以用jquery插入前端,十分好用,比较模板引擎来说是非常简单比如在框里插入一句话,如下图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width_jq 模板字符串如何写
编程笔记 html5&css&js 016 HTML表格
2024-02-12表格是一种常用的文档格式。学习或办公过程中也常常使用表格。有专用的电子表格软件,如EXCEL、wpS表格等。表格也经常与文字混合在文章中使用。网页中也是一样,需要表格这种形式。
页面显示,从js转到jquery简介操作
2024-02-11<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>JS代码</title></head><body><script type="text/javascrip..._用vue写的js如何转成jquery
flex换轴,布局,语法,移动端
2024-02-05物理分辨率:硬件所支持的,屏幕出厂就设定无法修改逻辑分辨率:软件可以达到的, 我们开发中写的是逻辑分辨率视口(viewport)就是浏览器显示页面内容的屏幕区域。_flex换轴
HTML5教程之移动端Web页面布局
2024-02-05随着科技的进步,及人们日常生活节奏的加快,我们通常花费在手机等移动设备上的时间比使用电脑的时间越来越多,为了适应市场及用户的转变,越来越多的服务从PC端转向移动端,就导致移动端有着强大的发展前景和巨大的市场,作为一个Web高级前端开发工程师,移动端页面布局也成了我们必须掌握的技能之一。% 根据父元素的尺寸进行计算;但是,浏览器也就是viewport的实际宽度,是和我们手机的宽度不一样的,无论你的手机宽度是320px,还是640px,在手机浏览器内部的宽度,始终会是浏览器本身的viewport的宽度。_html手机端布局
position:sticky粘性定位的几种巧妙应用与理解。
2024-01-27position:sticky又称为粘性定位,是css3新增的。粘性定位的元素依赖于用户的滚动,在相对定位(relative)与固定定位(fixed)之间进行切换,基于位偏移的值进行偏移。粘性定位可以被认为是相对定位和固定定位的混合元素在跨越特定位偏移之前为相对定位,之后为固定定位。top: 50px;}设置了以上元素,在屏幕范围(viewport)视口滚动到元素top距离小于50px之前,div为相对定位。之后元素将固定在与顶部距离50px的位置,直到viewport视口回滚到50px以内。_position: sticky;
wpS JS宏入门案例集锦
2024-01-26几个入门wps js宏的小案例,以及JavaScript语法补充_js宏编程实例100例
vue项目屏幕自适应(响应式布局)
2024-01-24自适应布局rem,媒体查询@media还有postcss-px-to-viewport_vue 响应式自适应布局
wap移动端开发时须加meta
2023-05-14移动端开发需要加的meta和常用的CSS3媒体查询样式,移动开发中头部要加的一些常用meta。<meta name="viewport" content="initial-scale=1.0,u