视口

推荐使用：Container Queries Prolyfill —— 开启响应式设计新纪元

然而，传统媒体查询虽强大，却始终受限于视口宽度。为突破这一限制，我们
梅亭策Serena·2025-02-02 10:26

Intersection Observer实现图片懒加载

IntersectionObserver的概念和用法IntersectionObserverAPI提供了一种异步检测目标元素与祖先元素或viewport相交情况变化的方法，可以自动“观察”元素是否可见，可见的本质是目标元素与视口产生一个交叉区域
廊坊吴彦祖·2025-01-25 09:03

Python代码用于在Abaqus中提取指定节点集的反作用力数据

它通过打开仿真结果数据库（ODB文件），在特定视口中显示仿真结果，并从指定的节点集中提取反作用力数据，供后续分析使用。
Renz_314·2025-01-25 00:26

Web 性能入门指南-2.4 理解和改进累积布局偏移 (CLS)

CLS是一种基于公式的指标，它考虑了网页的视觉内容在视口内的移动量，以及这些视觉元素移动的距离。CLS可以通过合成和RUM来衡量。Google建议您的网页的CLS分数不超过0.1。
前端后花园·2025-01-24 09:29

postcss插件-实现vw适配

vw（ViewportWidth）是CSS3中的一个单位，它表示相对于视口宽度的百分比。使用vw单位可以根据视口的大小，实现自适应布局。在移动端开发中，vw适配可以帮助我们在不同的屏幕尺寸
ordinary90·2025-01-18 13:48

8个移动端适配技巧,兼容性问题减少90%

文章目录1.使用viewport配置，确保完美视口2.使用rem实现弹性布局3.CSS媒体查询处理不同尺寸4.1px边框问题解决方案5.安全区域适配6.图片适配方案7.横屏适配处理8.软键盘弹出处理1.
chenNorth。·2025-01-17 12:53

3ds Max 2018 进阶快捷键操作笔记

1.视图与界面控制Alt+W：切换当前视口最大化。工作时常需要在多个视口之间切换，该快捷键帮助快速专注于某一视口细节。F3：切换线框模式与实体模式。
阿松2333·2024-09-14 17:23

3ds-max导入3D模型

image.png下载过程省略...将素材导入“视口区”打开3ds-max软件，找到下载的模型，然后解压，找到.max结尾的文件，然后把文件拖入3ds-max中。image.png然后
转身丶即天涯·2024-09-14 12:28

【CSS in Depth 2 精译_027】4.4 Flexbox 元素对齐、间距等细节处理（下）+ 4.5 本章小结

第一章层叠、优先级与继承（已完结）1.1层叠1.2继承1.3特殊值1.4简写属性1.5CSS渐进式增强技术1.6本章小结第二章相对单位（已完结）2.1相对单位的威力2.2em与rem2.3告别像素思维2.4视口的相对单位
安冬的码畜日常·2024-09-12 16:07

HTML文档中折行的使用,10_h5是如何做移动端适配的？折行的时候如何实现不断行...

一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，
Mr.Zzzzzzz·2024-09-10 06:59

【html知识】用html写一个简单的个人网页

头部信息：标签内包含了元数据，如字符集定义()，视口设置(<metaname="viewport"content="
天若有情673·2024-08-28 23:32

视口

历史:最早期pc端没办法直接查看pc网页，乔布斯为了移动端能访问pc网页，且不出现横向滚动条，发明了视口,视口是默认存在的视口有两个特征1.宽度980px;2.可以缩放;01.png视口是什么?
疯狂的蜗牛Dianna·2024-08-26 07:33

获取浏览器宽高

constviewportWidth=window.innerWidth;constviewportHeight=window.innerHeight;console.log(`视口宽度：${viewportWidth
yqcoder·2024-08-25 04:16

不同分辨率下vue页面的高度自适应

1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比
Abao·2024-08-24 06:24

响应式Web设计：纯HTML和CSS的实现技巧-1

通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、可伸缩的图片和字体、以及适当的视口设置等技术。
Dingdangr·2024-08-21 22:08

el-dialog宽度自适应

我先后尝试了媒体查询，监听屏幕宽度和监听视口宽度来自适应。1️⃣首先，直接给el-dialog设置自定义class结合媒体查询是无效的，直接设
STATICHIT静砸·2024-03-29 07:39

新知｜仅用 CSS 实现网页阅读进度条

我们将使用一个固定在视口顶部的容器来包装这个div。这将确保用
·2024-03-01 23:15

《觉醒年代》观后感——不忘初心，牢记使命

观看后大家心潮澎湃，该剧获得了收视口碑的双丰收，并成功制造了主旋律成“顶流”的范本。《觉醒年代》，剧如其名。
大苹果_cdf7·2024-02-20 18:17

unity中UI、shader显示在3D物体前

需要将物体转化成视口坐标而不是屏幕坐标Vector3viewPoint=EScreenCamera.WorldToViewportPoint(CurENeedShowPosition);x=viewPoint.x
Ctrl-c·2024-02-20 10:14

css篇---移动端适配的方案有哪几种

主流实现的方案有响应式布局通过rem或者vw,vh等实现不同设备有相同的比例而实现适配首先需要了解viewport【视口】视口代表了一个可看见的多边形区域（通常来说是矩形）。
婷宝_知萌·2024-02-19 19:32

移动端基础-vw适配

什么是vw相对单位相对视口的尺寸vw:viewportwidth换算1vw=1/100视口宽度vw不需要向rem一样检查视口宽度若视口宽为375px1vw=3.75pxvw与vmin的区别vmin更照顾横竖屏问题
象更·2024-02-15 05:22

点击div方框消失的小游戏

;height:30px;background-color:red;position:absolute;}.num{font-size:20px;}当前数量：//window.innerWidth返回视口宽度
z丶w·2024-02-14 18:24

移动端适配问题解决方案

文章目录一、移动端适配1、什么是移动端适配2、认识视口3、移动端适配方案3.1媒体查询3.2js动态计算3.3使用库4、rem计算的方法4.1手动计算4.2通过less计算4.3postcss-pxtorem4.4
KIKIo_·2024-02-14 06:25

年少时H5的踩坑日记

html中的viewport设置移动端有三个不同的视口概念：1.布局视口（layoutviewport）：在css中布局的区域2.视
DigitMagic魔数实验室·2024-02-13 09:08

CSS3视窗单位vw、vh、vmin、vmax记录

vw：相对于视口的宽度。视口被均分为100单位的vwvh：相对于视口的高度。视口被均分为100单位的vhvmax：相对于视口的宽度或高度中较大的那个。
独孤久见·2024-02-13 03:35

12.4 OpenGL顶点后处理：图元裁剪

在OpenGL中，原始图元裁剪过程首先会根据视口坐标系（Viewport）、近裁剪
乘风之羽·2024-02-12 01:47

13 OpenGL顶点后处理

图元裁剪，包括客户端定义的半空间裁剪：将超出视口、深度范围或其他裁剪区域的图元部分剔除。着色器输出裁剪：
乘风之羽·2024-02-12 01:47

跟着pink老师前端入门教程-day23

苏宁网首页案例制作设置视口标签以及引入初始化样式设置视口标签以及引入初始化样式设置公共common.less文件1.新建common.less设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小
axiu呀·2024-02-11 07:55

CSS3 基本语法

vw视口宽度的百分之多少10vw就是视口宽度的10%。vh视口高度的百分之多少10vh就是视口高度的10%。vmax视口宽高中大的那个的百分之多少。（了解即可）vmin视口宽高中小的那个的百分之多少。
Muko_0x7d2·2024-02-11 01:28

移动Web——响应式网页

流体网格布局让网页元素相对于视口宽度进行相对调整，使得网页可以自动适应不同的屏
越努力越幸运`·2024-02-10 17:07

[经验] cad布局怎么锁定视口 #微信#学习方法#学习方法

cad布局怎么锁定视口随着计算机辅助设计技术的不断发展，CAD软件的应用越来越普遍。在使用CAD软件进行绘图时，我们经常需要对图形进行排版布局，而布局中的视口也非常重要。
浅色夏末33·2024-02-10 06:55

2017-11-24

每天身旁萦绕着苍蝇似的小人，每天那些吸血鬼窥视口袋里仅有的钱，每天刺痛心窝的话像剑般射入。这就是现实这就叫残酷。每天行尸走肉一般。从温柔变成了愤怒，从退缩变成了往前冲，照照镜子
lyy96·2024-02-10 02:34

CityMaker 8二次开发之“这是什么鬼？”

可能：gviViewportMask是控制在不同视口的可见性的标识，如果需要设置多个，可以这样：gviView0|gviView1。因此代码这样写：uintcod
[email protected]·2024-02-09 10:42

自适应图片九宫格 css,CSS实现自适应九宫格布局 大全

首先要注意的是九宫格容器是宽高相等的正方形，并且是自适应的，这里关键是实现宽高相等，有些人想到了相对视口宽度vw，但是它是相对于屏幕可见宽度来设置的，并且会
我来看看就好1123·2024-02-09 06:15

通过meta设置识别H5与PC端，自适应屏幕

这个meta标签组合可以实现以下功能：width=device-width：设置视口宽度为设备宽度。initial-scale=1.0：设置初始缩放比例为1。
php转go·2024-02-09 06:02

移动端WEB开发

目录一，meta视口标签二，物理像素（分辨率）与物理像素比三，二倍图二倍精灵图的做法四，背景缩放background-size五，移动端开发选择单独移动端页面（主流）响应式兼容PC移动端六，移动端技术解决方案七
Mon trésor.88·2024-02-08 22:22

Bootstrap5 响应式导航栏

这些响应式导航栏在手机等小视口的设备上会折叠，但当用户单击切换按钮时会展开。但是，它在中型和大型设备（例如笔记本电脑或台式机）上将正常显示为水平。
自动化新人·2024-02-08 04:33

Vellum —— SOP|Nodes

目录VellumAttachConstraints——交互式编辑或创建新的attach或stitch约束VellumAttachtoGeometry——创建attach约束VellumBrush——在视口交互式绘制几何体
挨代码·2024-02-08 00:11

Vue3自定义PostCss插件

.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能:实现自动转px为vw功能px固定单位,不会随着屏幕的变化而变化vhvw相对于视口高宽进行控制
*郑*·2024-02-08 00:06

Bootstrap5 响应式导航栏

这些响应式导航栏在手机等小视口的设备上会折叠，但当用户单击切换按钮时会展开。但是，它在中型和大型设备（例如笔记本电脑或台式机）上将正常显示为水平。
灬沙海灬·2024-02-07 23:08

vue树形多列_基于element-ui el-table 开发虚拟列表(树形列表)

虚拟列表虚拟列表简单概述就是滚动分页，通过有限的视口来切片大
weixin_39957186·2024-02-07 19:16

CSS太极动态图

*{margin:0;padding:0;box-sizing:border-box;}然后，将整个页面设置为100%的视口高度，使用
满分观测网友z·2024-02-07 09:33

京东首页移动端-web实战

设置视口标签以及引入初始化样式body常用初始化样式body{width:100%;min-width:320px;max-width:640px;margin:0auto;background:#fff
guai_guai_guai·2024-02-07 04:32

自定义指令实现图片懒加载

步骤：自定义指令判断图片是否进入视口只有进入视口的图片才发送网络请求代码优化自定义指令main.jsapp.directive('img-lazy',{mounted(el,binding){//el是绑定的
小秀_heo·2024-02-07 00:37

移动Web——移动适配

单位是pxpc分辨率：1920*10801366*768…缩放150%1920/150%1080/150%总结硬件分辨率——物理分辨率（出厂设置）缩放调节的分辨率--->逻辑分辨率（软件/驱动设置）3、视口手机屏幕尺寸不同
越努力越幸运`·2024-02-05 01:25

移动Web——vw

vw移动适配效果：当手机屏幕的尺寸发生变化的时候，网页元素的宽高都要等比例变化相对单位相对视口的尺寸计算结果vw：viewportwidth1vw=1/100视口宽度vh：viewportheight1vh
越努力越幸运`·2024-02-05 01:55

Bootstrap

具有很好的自适应性，可以很方便的处理响应式布局Bootstrap中文网二、Bootstrap使用方式三、网格系统栅格系统：Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口
默默编码的Fxdll·2024-02-03 15:24

前端学习笔记 | 响应式网页+Boostrap

【媒体查询完整写法】在html中link用于不同视口的css样式，media=""中一定要加（），否则不生效。2、BootstrapBootstrap是由Twi
简·AI·2024-02-03 15:31

判断元素是否在视口内

判断元素是否在视口内ulli{list-style:none;padding:20px}li:nth-child(even){background:green}li:nth-child(odd){background
w晚风·2024-02-03 09:08

vue.js 移动端侧边栏导航和内容双向联动

解决方案：使用js提供的intersectionObserverapi实现，此api可观察目标元素与其祖先元素或顶级文档视口交叉状态，通过交叉状态来实现双向联动。具体实现如下：1、侧边
jqh_0484·2024-02-02 16:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他