视口

移动端适配(rem)

手机的分辨率不同,如何在不同的手机上保持显示相同的表现,常见的方案有两种:1:使用响应式布局,(1):通过媒体查询@media来实现媒体查询可以让我们根据设备显示器的特性(如视口宽度,屏幕比例,设备方向
好名字都让你们用了·2024-01-25 06:01

CSS的二维变换

变换改变的是元素所在的坐标系统，同时，我们可以使用它在视口的坐标来描述其位置，比如：距页面顶部200px，距页面左侧100px，这就是视口坐标系统。
听书先生·2024-01-24 17:27

14.CSS学习（五）

CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3新单位了解viewport视口
Kylincsg·2024-01-24 12:42

移动端自适应解决方法(原理是rem布局)

=win.document;vardocEl=doc.documentElement;//设备像素比vardevicePixelRatio=win.devicePixelRatio;//我们设置的布局视口与理想视口的
萧寂173·2024-01-23 07:07

今日前端十个知识点——CSS篇（一）

1、viewport视口width设置viewport宽度；device-width设备宽度；initial-scale初始缩放比例；minimum-scale允许用户最小缩放比例;maximum-scale
前端fighter·2024-01-23 07:02

vue3-图片懒加载指令实现

图片懒加载：有些网站页面比较长，用户不一定访问到页面靠下面的图片，这类图片通过懒加载优化手段可以做到只有进入视口区域才发送图片请求指令用法//在图片img身上绑定指令，该图片只有正式进入到视口区域时才会发送图片网络请求使用
是老虎是狮子不是大象·2024-01-22 17:28

2018-11-19

如何提高笔算加减法的正确率1、重视口算训练，打好坚实基础作为笔算基础的口算，如20以内的加减法等，要求学生做到准确熟练、脱口而出。2、抄题目有要求。
平等乡马回营中心小学周鹏·2024-01-22 05:21

可视化 | 【echarts】渐变条形＋折线复合图

可视化模板一css：这里的css主要实现了以下几个效果：①加了一个浅浅的背景色②将图标框水平垂直居中③以视口大小为准作60%缩放body{background-color:#f5f2e9;}#test1
啦啦右一·2024-01-21 10:53

你一定要收藏的全网最完整CAD快捷键大全！二

个字母：A：圆弧B：定义块C：圆D：标注样式E：删除F：圆角G：编组H：图案填充I：插入块L：直线M：移动O：偏移P：时实平移R：刷新窗口S：拉伸T：多行文字U：撤消上一步V：视图W：保存块X：分解Z：视口缩放
Joye2020·2024-01-21 04:42

js如何获得浏览器的宽高

innerHeight属性来获取浏览器窗口的宽度和高度，或者使用document.documentElement.clientWidth和document.documentElement.clientHeight来获取视口
恰小面包·2024-01-21 02:49

微信小程序横屏状态下的自适应实践（尺寸单位vmin）

2.尺寸单位vminvmin：视口宽度vw和高度vh两者之间的最小值
大海爱奔跑·2024-01-21 00:09

OpenGL基本图元练习

在该案例中，主要使用到几个函数：main函数：函数入口；ChangeSize函数：设置视口大小，也可以该函数中设置投影方式等。SetupRC函数：设置顶点数据以及图元装配方式。
卡布奇诺_95d2·2024-01-20 21:12

20个超实用的JavaScript高级技巧

1.IntersectionObserver:用途：监听元素与其父元素或视口的交叉情况。使用场景：懒加载图片、实现无限滚动。
秋名山大前端·2024-01-20 02:28

写点东西《CSS 媒体查询》

写点东西《CSS媒体查询》简介：基本媒体查询：利用多个媒体特性：使用“或”逻辑运算符：使用“not”逻辑运算符：“only”逻辑运算符的独占使用：更多精彩简介：媒体查询提供了一种强大的方式，可根据设备类型、视口大小
MR_Bone·2024-01-19 19:54

Vue实现响应式布局

百分比用百分比去写元素的宽度，然后让子元素撑起父元素的高度.parent{  width:50%;} .child{  width:100%;  height:100px;}方法二：vh、vwvw、vh是基于视口的布局方案
流氓也是种气质 _Cookie·2024-01-19 00:52

Three.JS教程1环境搭建、场景与相机

新建文件`index.html``main.js`4.关于附加组件5.启动三、创建场景1.场景的概念2.相机的概念3.相机的几个相关概念（1）视点（Position）（2）注视点（LookAt）（3）视口
编程圈子·2024-01-18 18:56

css 实现让一个div的大小铺满整个屏幕

right:0;bottom:0;left:0;width:100vw;/*视窗宽度*/height:100vh;/*视窗高度*/}position:absolute;使得div脱离常规的文档流，并且相对于视口进行定位
自由如风709·2024-01-18 11:34

关于一些实用的api

监听页面是否显示是活跃状态，2：IntersectionObserveApi用法：constob=newIntersectionObserver(()=>{},{threshold:0})作用：监听元素是否显示在当前的视口
我的P30·2024-01-18 02:20

HTML基础

目录html5骨架（下）视口标签浏览器私有设置title标签keywords关键字description页面描述html5骨架（下）视口标签浏览器私有设置edge是win10中的IE升级版浏览器，这句话的意思表示设置兼容性为让
HUBU-muqing·2024-01-17 14:34

OpenGL(3) ->窗口，视口，裁剪区，视景体

文章目录一、先看几个定义二、两个问题上次的绘图程序1、问题12、问题2三、定义视口和裁剪可视区1、定义视口2、定义裁剪可视区四、窗口放缩回调函数（1）voidglutReshapeFunc(void(*
云端FFF·2024-01-17 13:01

OpenGL之glViewPort函数的用法

其函数原型为：glViewport(GLintx,GLinty,GLsizeiwidth,GLsizeiheight)x，y以像素为单位，指定了视口的左下角位置。
草上爬·2024-01-17 13:29

第一个 OpenGL 程序：旋转的立方体（VS2022 / MFC）

文章目录OpenGLAPI开发环境在MFC中使用OpenGL初始化OpenGL绘制图形重置视口大小创建MFC对话框项目添加OpenGL头文件和库文件初始化OpenGL画一个正方形OpenGL坐标系改变默认颜色重置视口大小绘制立方体使用箭头按键旋转立方体深度测试添加纹理应用纹理换一个纹理自动旋转销毁资源更进一步源码下载参考转载请注明出处
blackwood-cliff·2024-01-17 13:57

Web前端-移动web开发_流式布局

文章目录移动web开发流式布局1.0移动端基础1.1浏览器现状1.2手机屏幕的现状1.3常见移动端屏幕尺寸1.4移动端调试方法2.0视口2.1布局视口layoutviewport2.2视觉视口visualviewport2.3
北方的南&·2024-01-17 04:54

学习回顾No.6

移动WEB开发视口（viewport）布局视口视觉视口理想视口meta视口标签width=>设viewport宽度initial-scale=>初始缩放比maximum-scale=>最大minimum-scale
小Z想打代码·2024-01-17 00:41

CSS 下载进度条

下载中/*设置整个页面的样式*/body{width:100vw;/*页面宽度为视口宽度*/background:#000000;/*背景颜色为白色*/display:flex;/*使用flex布局*/
特创数字科技·2024-01-16 23:45

【CSS】保持元素宽高比

实现效果当浏览器视口发生变化时，元素的尺寸随之变化，且宽高比不变。代码实现我们用最简单的元素结构来演示，实现宽高比为4：3。.
lynnhgwang·2024-01-15 08:18

HTML之元素相对页面(视口)左上角的坐标

文章目录一.绝对位置二.相对位置一.绝对位置网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动，它都是不会变化的。//获取元素的绝对位置坐标（相对于页面左上角）functiongetElementPagePosition(element){//计算x坐标varactualLeft=element.offsetLeft;varcurrent=element.off
Computer_Tech·2024-01-15 06:57

C++游戏引擎中的坐标系

D3DTS_VIEW,&matView);//应用取景变换矩阵SetTransform(D3DTS_PROJECTION,&matProj);//设置投影变换矩阵SetViewport(&vp);//视口的设置二
霸王•吕布·2024-01-14 18:46

2D绘图--视口窗口setViewport setWindow

目录1setViewportsetWindow2示例3实际应用（个人理解）4总结1setViewportsetWindow在Qt中，QPainter的setViewport()方法用于定义绘图区域在窗口坐标系中的可视部分。QPainter::setWindow()是Qt库中QPainter类的一个方法，用于定义绘图区域的大小和位置。setViewport()与setWindow()方法一起使用，以
东方.既白·2024-01-14 13:28

移动端开发学习笔记

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rr33xZYF-1620388055039)(移动端开发.assets\image-20200716160107819.png)]1.2视口视口
嘤嘤怪呆呆狗·2024-01-14 08:32

绘制几何图形（Shape）

目录1、创建绘制组件2、形状视口viewport3、自定义样式4、场景示例绘制组件用于在页面绘制图形，Shape组件是绘制组件的父组件，父组件中会描述所有绘制组件均支持的通用属性。
昉钰·2024-01-14 03:43

充满视图

此时可以通过是所有的图纸内容充满视口来暂时解决。充满视口有两种方式：一是命令zoom-A；而是直接双击鼠标中间即可。除此之外，还可以通过WCS来调整视图以解决“空气墙问题”。
韓亦韶·2024-01-14 01:51

web前端知识总结二（css（其他）+移动web网页开发）

其他）+移动web网页开发）字体图标平面转换-位移位移：绝对定位居中开门效果旋转转换原点多重转换例：轮胎移动缩放布局层叠性渐变空间转换透视空间旋转左手法则立体呈现3D导航CSS3动画逐帧动画走马灯移动端视口二倍图百分百布局
木头的猫.·2024-01-12 17:55

《三》移动端适配方案

viewport是可以设置布局视口等于视觉视口，页面就不需要再缩小以适应屏幕大小了。rem、vw等是写一份代码，可以在不同大小的屏幕上使元素也显示不同的大小。
花铛·2024-01-12 12:41

【微信小程序】底部弹窗固定定位fixed+textarea，导致的adjust-position在安卓手机失效问题

然后我就尝试了第二种方法用scroll-view将高度设置为100vh时，将页面保持在视口高度，这个时候发现不管是弹窗是fixed还是absolute都无法让安卓手机的键盘弹出时textarea顶上去最后我用了最后一种办法
kaka-333·2024-01-12 07:39

OpenGL ES手册翻译---2.OpenGL ES操作（四）

在接下来的章节中将会介绍图元装配的步骤裁剪坐标系的透视分割（2.12节）视口映射，包括深度范围缩放（2.12.1节）图元侧键（2.13节）裁剪可变输出（2.13.1节）image2.12坐标变换顶点着色器执行后产生一个顶点坐标系
高小冻·2024-01-11 17:13

现代计算机图形学入门（二）——变换

Projectiontransformation）1.正交变换（OrthographicprojectionTransformation）2.投影变换（PerspectiveprojectionTransformation）四、视口变换
ucastfy·2024-01-11 11:04

移动端web开发第5天

rem移动适配目的：屏幕宽度不同，网页元素尺寸不同（等比缩放）相对单位rem单位是相对于HTML标签的字号计算结果1rem=1HTML字号大小目前rem布局方案中，将网页等分成10份，HTML标签的字号为视口宽度的
小文同学_6762·2024-01-09 23:18

uniapp scroll-view 组件无法确定内容的固定高度 怎么解决

问题描述scroll-view组件无法确定内容的高度思路使用可视高度动态生成高度代码使用视口高度.scroll-view{height:100vh;/*设置高度，这里使用视口高度的100%*/}在上述示例中
T3165919332·2024-01-09 18:51

CSS3媒体查询

screen彩色屏幕print打印预览projection手持设备tv电视braille盲文触觉设备embossed盲文打印机speech“听觉”类似的媒体设备tty不适用像素的设备媒体属性width（浏览器|视口宽度可加
fb941c99409d·2024-01-09 13:07

暂停 CSS @keyframes 动画

我注意到一些以前从未想过的事情，当前不在视口中的动画仍在运行！但这些播放的动画仍然使用CPU/GPU！它们消耗了不必要的处理能力，从而降低了页面的其他部分的速度。
文摘资讯·2024-01-09 06:20

html界面实现大屏适配

在找解决办法的时候，有rem、vw、scalerem：发现只能根据屏幕宽度适配scale:根据设计稿的比例进行缩放，会产生白边，客户不喜欢vw：最后决定用vw、vh，因为这两个是相对于视口进行适配思路：
Copper peas·2024-01-09 01:24

scroll、offset、client —— JS三大家族

简介：clientHeight:元素的可见高度，不包括边框和滚动条，是相对于视口的大小——clientHeight=(contentheight)+(paddingtop+paddingbottom)。
crary,记忆·2024-01-08 18:31

Unity3d开发中的特殊文件夹

该文件夹中的内容将直接反应在编辑器的Project视口中。许多系统API基于该文件夹。与脚本编译顺序相关的文件夹在unity开发中，我们可以为自己的项目随意命名文件夹以管理游戏资源，包括代码资源。
UnknowWind·2024-01-08 09:49

HTML中网页缩放配置mete-viewport

说明这是一个用于设置网页视口（viewport）的HTML标签。视口是用户在网页上看到的可见区域，而这个标签的目的是为了确保网页在各种设备上能够以合适的方式显示。
JackieDYH·2024-01-07 16:39

常用API

IntersectionObserver交叉观察主要侦听元素是否在视口内MutationObserver主要侦听子集的变化还要属性的变化以及增删改查ResizeObserver主要侦听元素的变化（宽高.
kjl536566·2024-01-07 13:29

HTML JavaScript 随机游走

随机游走/*使用百分比或vw/vh单位设置画布大小*/#myCanvas{border:2pxsolidblack;width:100vw;/*使得画布宽度等于视口宽度*/height:100vh;/*
崇文殿大学士·2024-01-06 09:27

CSS - position:sticky

常用场景当元素距离页面视口（Viewport，也就是fixed定位的参照）顶部距离大于0px时，元素以relativ
kelly0721·2024-01-06 07:54

CodeBus投稿落选代码——瓦片地图粗糙版 记录

然后心血来潮，想起来之前的瓦片地图编辑器DevC++easyx实现视口编辑--像素绘图板与贴图系统-CSDN博客就去试试投稿。然后收到回复说要改格式，写注释，按帖子要求排版。
a1309602336·2024-01-06 00:39

css样式中设置height: calc(100vh-50px)不生效

在CSS中，100vh表示视口（viewport）的高度。视口是指浏览器窗口中可见内容的区域，即用户能够看到的网页部分。100vh表示视口高度的百分比，具体数值取决于当前浏览器窗口的高度。
LxyingINGing·2024-01-05 08:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他