Viewport 第8页

坐标系统

1、OpenGL幕后使用glViewport中定义的位置和宽高进行2D坐标的转换，将OpenGL中的位置坐标转换为你的屏幕坐标。

一毛钱·2023-09-20 01:14

CustomScrollView 添加横向滑动的 SliverList

Axis.horizontal属性就可以了，但是SliverList并不支持设置滑动方向只能换个思路尝试用SliverToBoxAdapter嵌套ListView，行了注意需要设置高度，不然会报错Horizontalviewportwasgivenunboundedheightclass_DemoStateextends

橘子有毒·2023-09-18 14:43

vue2——电商项目黑马

创建项目初始化routerapp.vuevant组件库Viewport布局vw适配路由配置底部导航组件二级路由配置登录页面新建默认样式main.js引入commonless登录静态页面—头部组件NavBar

程序员阿登·2023-09-18 07:11

PCL中计算点云的法向量并显示

参考源：http://www.cnblogs.com/bozhicheng/p/5842428.html利用的是最小二乘估计的方法计算了点云的法向量，并且提供了两种法线的显示方法，还设置了多个ViewPort

JustNow_Man·2023-09-17 07:25

Viewport 源码解析

classViewportextendsMultiChildRenderObjectWidget{Viewport({super.key,this.axisDirection=AxisDirection.down

林家凌宇·2023-09-15 18:35

【无标题】

_ViewportElementRenderViewport先从这一块朴素的代码开启我们的旅程：ListView.builder(itemBuilder:((context,index){returnListTile

林家凌宇·2023-09-15 18:33

Vue3+移动端适配屏幕+默认横屏展示

中进行配置以下代码module.exports={plugins:{autoprefixer:{},// 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等"postcss-px-to-viewport

修复bug·2023-09-15 13:23

CSS 中常用单位大全

1.pxpx是图像显示的基本单元，是viewport像素，是相对单位。同样都是1px，在不同设备上的显示有可能是不一样的。

huangpb0624·2023-09-15 11:42

关于position:fixed定位的位置不对的问题（即没有按照浏览器的窗口进行定位）

时位置有问题，位置跟我写的位置对不上，后面在MDN上面找到了答案，下面是关于position:fixed的描述：fixed：元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport

凹凸曼打不赢小怪兽·2023-09-14 13:54

Three.js使用OrbitControls后修改相机旋转方向无效

OrbitControls控制器来控制相机的旋转和平移，但是需要修改初始的相机角度，于是我把相机的角度进行修改，如下：constcamera=newTHREE.PerspectiveCamera(75,viewport.offsetWidth

YanisWu·2023-09-14 05:51

编写postcss插件，全局css文件px转vw

跟目录下创建plugins文件夹，创建postcss-px-to-viewport.ts文件文件内代码：//postcss的插件vite内置了postCss插件无需安装import{Plugin}from'postcss

aGreetSmile·2023-09-13 07:49

官方项目《内容示例》中Common UI部分笔记：Common UI 分场景使用教程

文章目录前言0.通用设置0.1开启插件0.2设置Viewport1.分场景教程1.1在仅使用鼠标控制的场景下CommonActivatableStackCommonActivatableWidget1.2

开发游戏的老王·2023-09-12 14:08

理解各种像素概念及Viewport

有关像素的概念逻辑像素逻辑像素、CSS像素、设备独立像素(DIP)、相对像素这几种说法其实是同一个东西，都是相对且抽象的，单位为px，具体显示的有多大，要看浏览器的实现，而浏览器的实现需要考虑设备的物理像素、屏幕宽度等因素物理像素（分辨率）物理像素是屏幕在真实世界实际存在的点（把屏幕想像成一盏盏小灯聚在一起，物理像素就是灯的数量）分辨率是描述物理像素的量，一般以1080x720、320x568等等

Exqlnet·2023-09-11 23:10

移动端适配（rem、viewport、百分比）

1.视口：视觉视口、布局视口、完美视口（让布局视口与视觉视口相等，就是完美视口）-视觉视口：就是我们看到的手机的窗口的大小-布局视口：就是我们网页的大小（原本的布局视口要大于视觉视口）使用viewport

向北航行五万里·2023-09-11 19:33

react 脚手架项目快速实现 viewport移动端适配

前言因为工作原因，一直在写后台管理系统，关于h5页面的一些适配了解的不多。这段时间刚好有空，就花时间去了解了一下h5的最近的适配方案。因为之前使用postcss-to-px2rem进行适配的，但是也有很久没有做过了，所以现在也学学其他的。1，通过react脚手架创建一个react项目npxcreate-react-app+项目名因为我的node版本是18.2.0的，所以react版本下载下来就变为

一只夏宇坤·2023-09-10 07:16

Vue当内容超过窗口高度时，可以使用滚轮来查看内容

.viewport{width:300px;/*设置窗口宽度*/overflow:hidden;/*隐藏超出窗口高度的内容*/}.content{overflow-y:auto;/*添加垂直滚动条*/}

懒员员·2023-09-09 19:33

NestedScrollView动态设置子View高度不生效

mFillViewport){return;}finalintheightMode=MeasureSpec.getMode(heightMe

猫咪爱吃鱼LY·2023-09-09 01:44

用calc()函数使页面高度在不同分辨率下自适应

首先我们不能给要处理的容器设置固定高度，其次借助视口（viewport）和calc()函数来设置高度。视口通常与浏览器窗口相同，但不包括浏览器的UI，菜单栏等——即指你正在浏览的文档的那一部分。

lamCCH·2023-09-08 07:50

21.HTML: viewport

viewport的深入理解首先我们先想一个问题，一个宽度1000px的页面在一个逻辑像素320px的手机端上面是怎么显示的？

寄鱼予海与你·2023-09-07 14:22

nuxt3引入postcss-px-to-viewport-8-plugin

1.安装插件npminstallpostcss-px-to-viewport-8-plugin--save-dev2.在nuxt.config.ts中引入/**@Description:*@Version

Florenza·2023-09-06 22:40

ios 手机浏览器，点击输入框页面会放大

解决办法在html的头部meta标签中设置user-scalable=noviewportmeta标记-HTML（超文本标记语言）|MDN

我有一棵树·2023-09-06 22:09

【GAMES101】Lecture05,06 Rasterization 精要

Lecture05,06Rasterization精要透视投影中的视锥视锥参数与长方体顶点坐标的转化光栅化(Rasterization)屏幕空间从标准立方体(CanonicalCube)到XY屏幕(Screen)的变换——视口(Viewport

圣☆哥·2023-09-06 15:37

Bootstrap对不同大小浏览器视口的宽度的设定(不同大小设备的设定)

以下用viewportWidth代表浏览器视口的宽度大小。

昊虹AI笔记·2023-09-05 21:19

MPAndroidChart LineBar 只展示最高值

publicclassMaximumLineBarRendererextendsLineChartRenderer{privatefloatmMaxValue;publicMaximumLineBarRenderer(LineDataProviderchart,ChartAnimatoranimator,ViewPortHandlervie

biginsect·2023-09-05 19:40

VUE使用 postcss-px-to-viewport 适配移动端布局px自动转换vw

安装使用npm安装$npminstallpostcss-px-to-viewport--save-dev或者使用yarn进行安装$yarnadd-Dpostcss-px-to-viewport在postcss.config.js

Thesand·2023-09-04 12:08

小兔鲜儿---商品分类

静态结构商品分类页静态结构：src/pages/category/category.vue//女靴居家宠物用品全部木天蓼逗猫棍¥16.00page{height:100%;overflow:hidden;}.viewport

前端贾公子·2023-09-04 12:58

vue-cli中的vw适配

安装插件yarnaddpostcss-px-to-viewport@1.1.1根目录新建postcss.config.js文件//postcss.config.jsmodule.exports={plugins

真的想不出名儿·2023-09-04 09:06

Vue移动端/ PC端适配响应式布局解决方案（一）

Vue移动端/PC端适配解决方案：postcss-px-to-viewport说明：在移动端跟pc端一直存在着很多的适配方案，本篇主要是讲解通过postcss-px-to-viewport实现响应式布局

难逃月色..·2023-09-03 16:55

viewport、布局视口、视觉视口、理想视口深入理解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备

不想起床_9a42·2023-09-03 03:37

表单2-内联表单

只适用于视口（viewport）至少在表单内容总宽度时（视口宽度再小的话就会使表单折叠）。一定要添加label标签如果你没有为每个输入控件设置label标签，屏幕阅读器将无法正确识别。

舒眉·2023-09-01 10:25

css中的vw\vh

#######认识视口单位（Viewportunits)首先，我们要了解什么是视口。

北末_染·2023-08-31 09:51

移动端如何适配不同的屏幕尺寸

使用Viewport：通过设置Viewport元标签来控制页面在移动设备上的显示。可以使用来设置Viewport的宽度为设备宽度，并且禁用缩放。使用CSSFlexb

@阿猫阿狗~·2023-08-31 00:37

1rem、1em、1vh、1px各自代表的含义

em子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用em的话是相对于该元素的font-sizevw/vh全称是ViewportWidth和ViewportHeight

qq_38577700·2023-08-29 13:33

标签 name="viewport"

什么是Viewport移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport

新新_6261·2023-08-29 09:43

常见的 HTML＜meta＞标签的 name 属性及其作用

以下是一些常见的标签的name属性及其作用：name="viewport"：此属性用于指定页面在移动设备上的视口设置，如宽度、初始缩放比例等。问：什么叫移动设备上

昊虹AI笔记·2023-08-27 10:56

在前端开发中,什么叫移动设备上的视口?如何通过header标签中的meta属性设置页面的视口。

移动设备上的视口（Viewport）是指在移动设备上可见的网页区域。由于移动设备的屏幕尺寸和分辨率各不相同，为了确保网页在各种设备上都能正确显示和交互，需要通过视口设置来适配不同的屏幕尺寸。

昊虹AI笔记·2023-08-27 10:56

关于iphoneX的适配和微信下状态栏的回退处理。

解决过程网上查资料，css解决方案，使用苹果官方推出的css函数env()、constant()来适配safe-area-inset-bottom（安全距离底部边界的距离）第一步，设置viewportviewport-fit

陈年小萌新·2023-08-25 19:27

Vue 移动端中使用vw适配

流程：（1）安装yarnaddpostcss-urlpostcss-importpostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano-preset-advanced

小废柴JH·2023-08-25 09:59

移动端font-size适配

首先给html设置viewport：对于手机端，我们希望以iphone6作为参照，在其它屏幕上同比放大或缩小。(1)以iphone6作为参照，iphone6的宽度是375px，dpr为2，所以对

三岁麻麻·2023-08-24 19:45

详解 Intersection Observer API ( 交叉观察器 )

文章目录一、介绍二、兼容性三、内置方法/属性四、使用五、相关链接一、介绍IntersectionObserverAPI提供了一种方法可以监听目标元素是否展示到视口（viewport），常见的需求场景：图片懒加载滚动动画

前端小小白zyw·2023-08-24 15:44

web移动端---视口viewport

视口viewport视口viewport：简单点说就是用来预览网页的窗口。又分为以下两大类：pc端视口：就是浏览器的可视区域。移动端视口：当前设备的屏幕区域。

leeleepro·2023-08-23 18:06

app开发笔记

1、viewportviewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域width:viewport的宽度（范围从200到10,000

qq_30486009·2023-08-23 13:52

html页面苹果底部遮挡条

html页面苹果底部遮挡条问题解决方案在页面mate里添加属性viewport-fit=cover在底部添加样式给出菜单空间padding-bottom:constant(safe-area-inset-bottom

A~小鲸喜·2023-08-22 06:19

淘宝适配js

function(win,lib){vardoc=win.document;vardocEl=doc.documentElement;varmetaEl=doc.querySelector('meta[name="viewport

呼兰呦·2023-08-22 01:24

IntersectionObserver API 使用教程（懒加载，无限滚动）

网页开发时，常常需要了解某个元素是否进入了"视口"（viewport），即用户能不能看到它image.png上图的绿色方块不断滚动，顶部会提示它的可见性。

_嗯_哼_·2023-08-22 01:00

【前端】快速掌握HTML+CSS核心知识点

1.3.图像img标签的用法1.4.表格table标签用法1.5.列表ul、ol、dl标签用法1.6.表单form标签用法1.7.区块标签和行内标签用法2.CSS核心基础知识2.1.CSS标签选择器+viewport

互联网小阿祥·2023-08-21 01:43

MVP transformation

cameratransformation将相机调整到世界坐标系上，使得模型在相机坐标系下表示projectiontransformation设模型位于给定frustum/cube中，将其映射至的标准立方体中viewporttransformation

ospacer·2023-08-19 04:47

vue-cli3中引入postcss-px-to-viewport插件

npminstallpostcss-loaderpostcss-px-to-viewport--save-dev因为插件的配置选项中有个exclude选项，它的值只支持正则表达式，但是正则表达式再json

zhengdahan·2023-08-18 16:44

puppeteer踩坑经验之谈

启动浏览器开启浏览器界面：headless:false开启开发者控制台：devtools:true自定义浏览器宽高：page.setViewport产生两个tab页官方打开页面：awaitbrowser.pages

谭瞎·2023-08-18 08:56

ahooks.js：一款强大的React Hooks库及其API使用教程（二）

useLocalStorageState22.useSessionStorageState23.useClickAway24.usePersistFn25.useCreation26.useFullscreen27.useInViewport28

名字还没想好☜·2023-08-18 07:53

推荐频道

Viewport