viewport

【H5移动端】前端H5移动端的单位适配方案集，包括给你用例子讲明白什么是1像素的问题（不定期补充~）

文章目录前置概念视口概念关于像素必要工作：设置理想视口（必须的）方案集@media修改动态rem（不推荐）第三方手淘flexible（不推荐）JS控制rem（不推荐）postcss-px-to-viewport
庞囧·2023-08-02 00:28

HTML页面清除缓存

在HTML标签设置HTTP头信息MyApp说明：no-cache强制缓存从服务器上获取新的页面no-store在任何环境下缓存不保存任何页面最后一行的meta是在移动浏览器中使用viewport元标签控制布局
曼珠沙华_521b·2023-08-01 03:32

Flutter 滑动控制

pv基于scrollable进行定制，四个完成功能的主要组件：ScrollNotification、RawGestureDetector、ScrollController和ScrollPosition、ViewPortScrollNotification
Jamison Tam·2023-07-30 20:39

vite3+H5+vant3+pina项目搭建

模板npminitvite@latestmy-vue-app----templatevue2、引入vw适配方案npmi-Dautoprefixer@^10.4.7npmi-Dpostcss-px-to-viewport
kalrase·2023-07-30 11:56

简单速记-px2vw

px2vw--------css单位转换为了移动端适配，我们可以使用postcss-px-to-viewport插件来进行px-vw的单位转换文档指路------>GitHub安装postcss-px-to-viewportnpminstallpostcss-px-to-viewport
长鲸向南·2023-07-30 00:09

CSS进阶之移动端适配 (四)：媒体查询、CSS常见单位、深入理解pixel、DPR、PPI、浏览器视口Viewport、移动端适配rem方案、移动端适配vw方案

跳转目录篇章知识点CSS进阶之形变与动画(一)transform、垂直居中总结、transition动画、animation动画、vertical-alignCSS进阶之预处理语言之less(二)Easyless插件、认识less、注释、计算方式、嵌套、变量的定义导入less文件、从less导出css样式的路径CSS进阶之grid网格布局(三)关于grid布局、grid-container属性、g
AHuSjCoding·2023-07-29 20:23

UE4 自定义Shader 和 RHI

创建shader使用UE4创建自定义shader需要注释掉(Engine/Config/ConsoleVariables.ini)r.ShaderDevelopmentMode=1Plugins\TPViewport
wblong·2023-07-28 23:21

最新Android WebView Websettings设置， Android WebView加载网页布局错乱， 在Android4.4新版本之后WebSettings新增设置。

所以在对websettings的设置中我们需要多添加如下设置：WebSettingssettings=webView.getSettings();settings.setUseWideViewPort(
zhouzhihao_07·2023-07-28 23:24

vw移动端适配 与 vant 集成 导致 vant组件缩小如何解决？

修改.postcsssrc.js中关于postcss-px-to-viewport的selectorBlackList忽略转换的配置可解决问题，配置如下module.exports={"plugins"
趣有书·2023-07-28 20:10

vue-element-admin中实现自适应功能

有这样一个需求：在1920*1080下视图显示正常，但是需要在1600*900下也要显示正常（在vue-element-admin下）我们直接使用postcss-px-to-viewport这个插件。
steamedbread321·2023-07-28 12:23

element-ui组件Popover 弹出框，el-popover样式、定位以及二次确认弹出框自动关闭 问题

先说定位问题如果往里边动态添加内容，定位偏移下面是解决办法:绑定ref，最关键的是有这行代码:popper-options="{boundariesElement:'viewport',removeOnDestroy
小坚果_·2023-07-28 12:52

vue-element-admin中实现自适应功能

npminstallpostcss-px-to-viewport--save-dev项目根目录下建一个名字为.postcssrc.js的js文件(前边的.别忘了)，在该文件里写以下代码//添加如下配置：
小坚果_·2023-07-28 12:51

CSS Sprite精灵图如何缩放大小

在移动端项目当中，如果要使用精灵图的话，因为我做了px自动转换vw单位，所以在使用的时候，position位置正常写单位是px，但是转化成vw后就找不到对应的图片了"postcss-px-to-viewport
xuanwulb·2023-07-28 08:41

UE UMG补充

WidgetSwitcher（UI选择）通过该组件可以在同一个地方显示不同UI可以通过蓝图改变显示的UI在UI界面直接设置ProgressBar(进度条)可以用动画实现增长，更加自然Animation有绑定功能AddtoViewport
万物皆可休·2023-07-28 03:57

CSS3弹性布局、响应式布局

1.响应式Web设计-Viewportwidth：控制viewport的大小，可以指定的一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%时的CSS的像素）。
我们仰望同一片星空·2023-07-27 10:28

h5适配ios顶部和底部安全区域的问题

二.知识点学习1）viewport-fitiOS11新增特性，苹果公司为了适配iPhoneX对现有viewportmeta标签的一个扩展，用于设置网页在可视窗口的布局方式，可设置三个值：contain:
铁锤妹妹@·2023-07-27 10:52

vue项目postcss-px-to-viewport自动适配各种分辨率，px单位自动转vw单位，脚手架cli2.0、cli3.0、cli4.0配置方法汇总

背景介绍：有个项目需要适配pc端的多种分辨率，我想到了px单位自动转vw的插件，但是我的项目脚手架用的是cli3.0的版本，我引入postcss-px-to-viewport后一直无法生效，找了很多地才找到
银鞍照白马·2023-07-27 06:04

unreal engine 获取鼠标在UMG上的坐标

floatmouseLocationY=0.0f;if(controller){controller->GetMousePosition(mouseLocationX,mouseLocationY);}floatviewportScale
Zillionnn·2023-07-27 05:37

css - Media Query

使用bootstrap的gridsystem可以在一个较为粗糙的范围得到较好的响应性，但是通过viewport可以看到网站在具体哪个像素点处变得丑陋，再通过cssmediaquery来精细调整网页布局。
李亚有鸭梨·2023-07-26 15:17

【H5】h5移动端适配

一、百分比适配1、要点元素的宽度使用了百分比来定宽，根据屏幕的宽度进行自适应适合页面内容结构均匀分配,固定高度,结构不是很复杂,注意要设置viewport视口内容宽度等于设备的宽度使用百分比定宽的元素，
小墨鱼_z·2023-07-26 08:53

五、OpenGL绘制甜甜圈引发的思考

前言如何绘制一个甜甜圈1.设置窗口以及矩阵voidChangeSize(intw,inth){//1.防止h变为0if(h==0)h=1;//2.设置视口窗口尺寸glViewport(0,0,w,h);
含笑州·2023-07-24 17:12

iPhoneX 底部黑线布局适配

在页面的meta标签中添加viewport-fit=cover属性viewport-fit=cover页面内容填充整个屏幕在css样式中添加样式@supports(bottom:constant(safe-area-inset-bottom
韶华易逝_珍惜·2023-07-23 07:16

【移动端web开发】（一）基本概念

移动开发特点移动端开发对象主要是手持设备，大致为ios和android系统由于具备HTML5特性也叫H5页面基于webkit开发，不必考虑浏览器兼容性（再见IE；））由于移动端屏幕尺寸五花八门，因此有更高的适配要求高性能要求基本概念视窗viewport
一包·2023-07-23 04:29

移动端适配

移动端适配的技术方案1.通过媒体查询的方式即css3的meidaqueries2.以天猫首页为代表的flex弹性布局3.以淘宝首页为代表的rem+viewport缩放4.rem方式MediaQueries
微胖界的胖子吖·2023-07-22 08:34

GAMES101 作业1

文章目录作业内容构建视图矩阵（View）构建模型矩阵(Model)构建透视矩阵（Projection）视口变换(Viewporttransform)提高：将三角形绕任意过原点的轴旋转旋转过程中报错作业内容本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵
wjjontheway·2023-07-22 08:00

移动端适配

1.metaviewport@media(max-width:800px){body{background:red;}}不大于800px的屏幕上css的样式才会生效@media(min-width:321px
实肆·2023-07-21 10:30

Isaac sim bug 汇总

在win10下运行相机可能会出现：Failedtoacquireinterface:omni::kit::IViewport解决方法参考RuntimeError:Failedtoacquireinterface
robotRIS·2023-07-20 16:39

像素与视口（学习笔记）

4个像素物理css独立位图3个视口布局视觉理想2个操作放大缩小1个比例像素比布局视口和视觉视口layoutviewport:手机上，为了容纳为桌面浏览器设计的网站，默认的布局视口的宽度远大于屏幕的宽度布局视口的出现
郝壮_7b3d·2023-07-20 09:36

HelixToolkit使用教程

HelixToolkit使用总结：问题点:3d光源相机网格信息1、配置HelixViewPort3d基本参数2、配置相机参数和相机位置：HelixViewPort3D.DefaultCamera设置相机的放置方向和观看位置
工控匠·2023-07-20 08:29

【C#-Helixtoolkit】HelixViewport3D绘制曲线

WPF-Helixtoolkit绘制螺旋路径WPF-helixtoolkit绘制3D曲线路径WinForm加载helixtoolkit视频演示部分代码：一、绘制螺旋线privatevoidGatherData(objectsender,DoWorkEventArgse){while(true){//Thread.Sleep(5);//50ms数据采样周期//Generateatesttrace:a
十年一梦实验室·2023-07-20 08:19

ios h5底部安全区适配

款型的手机底部有一条黑色的杠杠或者白色哎就是会遮挡一部分我们的元素特别是底部需要悬浮一些按钮的时候这个就是ios的底部安全区域对应的还有顶部的哈这里就说下底部的要用到ios上面专用一些css函数和变量viewport-fit
yunchong_zhao·2023-07-19 21:24

Android ScrollView不满一屏的时候默认填满屏幕

添加fillViewport属性                ....一大堆控件....NestedScrollView和ScrollView是一样的！
夜未央ぴ陌上花开丶·2023-07-19 09:57

虚幻引擎复习笔记

蓝图+C++）从Unity到虚幻学习路线第一阶段：C++基础、虚幻4入门、蓝图基础第二阶段：进阶版案例C++基础虚幻基础unreal缓存存放虚幻引擎的三级设置Editorpreferences窗口布局viewportworl
iqyqqqqqq·2023-07-19 03:10

移动端布局方案 postcss-px-to-viewport

前言淘宝lib-flexible+postcss-pxtorem方案此方案的地址lib-flexible+postcss-pxtorem是解决移动端布局的主流lib-flexible是阿里手淘系开源的一个库，用于设置font-size，同时处理一些窗口缩放的问题不足：两个插件需要配套使用，而且rootValue设置的值不好理解rem是相对于html元素字体单位的一个相对单位，从本质上来说，它属于一
squidbrother·2023-07-18 23:50

UE4 View and Projection Matrix

Game模式TickUGameViewportClient::DrawULocalPlayer::CalcSceneViewULocalPlayer::GetProjectionDataFMinimalViewInfo
wblong_cs·2023-07-18 20:02

CSS实现背景图片全屏自适应

background-image:url(bg.jpg)no-repeat;/*背景图垂直、水平均居中*/background-position:centercenter;/*当内容高度大于图片高度时，背景图像的位置相对于viewport
Star航仔·2023-07-18 11:03

meta viewport相关知识内容

H5标准声明，使用HTML5doctype，不区分大小写标准的lang属性写法声明文档使用的字符编码优先使用IE最新版本和Chrome页面描述页面关键词网页作者搜索引擎抓取为移动设备添加viewportiOS
web_Jacky·2023-07-17 13:07

渲染通用屏幕坐标转为世界坐标

屏幕坐标转为世界坐标方法1比较通用/***@brief屏幕坐标转世界坐标*@paramcamera参照相机*@paramviewport视口宽高*@parampoint需要转换的屏幕上的点，*@paramdistance_from_camera_in_world
破竹15·2023-07-17 13:59

Unity Shader - SV_POSITION 和 TEXCOORD[N] 的varying 在 fragment shader 中输出的区别

fragmentshader阶段还真的不一样而且sv_position还不是简单的clipPos/clipPos.w的操作因此我自己做了一个试验：结果还是不一样的搜索发现无意发现[Unity]屏幕空间（视口）坐标(viewportcoordinate
Jave.Lin·2023-07-17 03:02

移动端适配解决方案

ViewportWidth、ViewportHeightVW/VH基本知识如何根据设计稿中的px转化成v
山原旷其盈视·2023-07-16 01:21

meta 标签内属性详解

举例：3.viewport(移动端的窗口)width=device-width宽度等于当前设备的宽度initial-scale
希染丶·2023-07-14 21:59

关于postcss-px-to-viewport引入vux，组件中px被转化为vw解决方案

首先要找到问题的原因：仔细查阅了vux文档，vux的样式是直接引用的weui样式我down下来weui源码，以switch组件为例：图片.png在浏览器中展示的字体则是：图片.png那么在项目中px单位就被转化成了vw单位，看着怎么都感觉小了很多~~~由于没有人催进度，所以就想着解决一下这个问题。首先受到github上一个issue的启发，通过配置exclude避免第三方组件被转化。链接地址：ht
前端小学生_f675·2023-07-14 03:19

meta 中name=“viewport“ 的含义

meta中name="viewport"的含义1、ViewPort标记用于指定用户是否可以缩放Web页面ViewPort标记还表示文档针对移动设备进行了优化2、width和height指令分别指定视区的逻辑宽度和高度
xisghiu·2023-07-14 02:49

移动端前端

移动端前端1.移动WEB开发之流式布局1.1移动端基础1.1.1浏览器现状1.1.2手机屏幕现状1.1.3常见移动端屏幕尺寸1.1.4移动端调试方法1.1.5总结1.2视口1.2.1布局视口layoutviewport1.2.2
贫僧唯爱师太·2023-07-13 22:40

Flutter Scrollable 中ViewPort滚动原理

38、Flutter之可滚动组件简介_flutter可滑动_风雨「83」的博客-CSDN博客通过阅读上面的博客，我们已经知道了Scrollable和Viewport基础概念，接下来跟随作者一起，结合Flutter
bawomingtian123·2023-06-24 07:16

浅谈WebAPI之IntersectionObserver

先看下MDN中的介绍：IntersectionObserver接口提供了一种异步观察目标元素与祖先元素或顶级文档viewport的交集中的变化的方法。
Va_·2023-06-23 12:38

UE4/UE5 Windows窗口变化监听随笔

SWindow.h的代理来实现1>重写退出监听，详细代码SetRequestDestroyWindowOverride2>通过重写监听来实现窗体激活/窗体失去激活/窗体移动等方式2>通过重写UGameViewportClient
WhiteTian·2023-06-23 06:39

Nuxt3学习总结（05）

NuxtConfig={//全局页面标题:https://go.nuxtjs.dev/config-headhead:{title:'MyApp',meta:[{charset:'utf-8'},{name:'viewport
叶落风尘·2023-06-22 19:07

Above-the-Fold Loading 加载机制在 Spartacus Storefront 里的应用

Angular应用默认情况下，Component组件总是被积极渲染，不管组件是否在用户的viewports中。
·2023-06-22 11:31

html面试题汇总

@浏览器渲染页面的过程@viewport属性作用？@对BFC的理解@怎么实现图片自动填充到指定区域内？@HTML的storage存储了解多少？@了解哪些拖拽API？@优雅降级和渐进增
持久的棒棒君·2023-06-22 07:25
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他