Viewport 第9页

flutter：谁在做flutter中的长列表优化

flutter中的滚动元素都是基于viewPort的，ViewPort接受一个Sliver的列表（一般而言Sliver对应一个渲染RenderSliver的Widget，Sliver本身并没有一个类）。

hhkkyy·2023-08-17 17:17

iphoneX适配解决方案

1、设置meta标签viewport-fit为coverviewport-fit参数：1.auto（默认）：viewprot-fit:contain;页面内容显示在safe安全区域内2.cover：页面充满整个屏幕

熊猫小弟·2023-08-17 11:00

手机网站按住放大图片_如图，html5开发的手机端web在线客服聊天，如何实现图片点击放大，捏合缩放功能？...

一个比较简单的办法是点击图片弹窗单独显示图片然后让网页可缩放(修改meta(viewport)content信息，但是记录修改前的content，以便恢复正常窗口时恢复设置)。

weixin_39710396·2023-08-16 17:17

postcss-px-to-viewport插件移动端自适应（兼容vant）

1.下载插件npminstallpostcss-px-to-viewport--save2.在vue-cli根目录创建postcss.config.js文件这是不兼容vant组件库的（配置后重启项目）这时候

没经验的开发者·2023-08-16 07:17

Vue移动端与PC端适配方案viewport+postcss-px-to-viewport

优点：不需要换算及转换系数某些属性不需要转换为REM、VW等可以全部使用px单位lib-flexible作者推荐，方便好用什么是viewport:viewport翻译成中文的意思大致是视图、视窗。

一路向北qaq·2023-08-16 07:17

【postcss】解决vite中使用postcss-px-to-viewport无法使用vant等多种设计尺寸问题|postcss-plugins

cnjm-postcss-px-to-viewport基于postcss-px-to-viewport插件稍加改造的和使用postcss-px-to-viewport是基本一样的，只是多处理了vant等

cnjm undefined·2023-08-16 07:47

解决vue@cli 5版本使用postcss-px-to-viewport适配vant问题

在postcss.config.js配置一直报错,换到vue.config.js里进行配置,代码如下:const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,css:{loaderOptions:{postcss:{postcssOptions:lo

weixin_45965766·2023-08-16 07:47

vue中自适应rem的设置及vant组件库px自动修改为相对大小的方法两则（postcss-pxtorem和postcss-px-to-viewport）

一、vue中自适应rem的设置新建文件src/libs/rem.jsfunctionsetRem(){//750px为设计稿视口宽度字体大小默认18px;constscreenWidth=750constscale=screenWidth/18consthtmlWidth=document.documentElement.clientWidth||document.body.clientWidth

weixin_41990749·2023-08-16 07:47

vue+vant2 babel-plugin-import插件按需引入组件 + postcss-px-to-viewport屏幕适配，详细步骤（第一步）

1.在vue2项目中通过npm的下载安装vant2#安装VueClinpminstall-g@vue/cli#创建一个项目vuecreatehello-world#安装vant2npmivant@latest-v2-s//普通npmcnpmivant@latest-v2-S//淘宝镜像当看package.json,中有了红框的内容代表安装成功2.安装babel-plugin-import插件按需引

nihaoya~·2023-08-16 07:46

使用postcss-px-to-viewport-8-plugin进行屏幕适配

在Vue项目中，可以使用postcss-px-to-viewport-8-plugin进行屏幕适配。

冯锦辉·2023-08-16 07:16

vue2 适配pc、移动（ postcss-px-to-viewpor）

安装终端：npminstallpostcss-px-to-viewport--save-dev配置文件根目录下添加postcss.config.js：>node_modules>public>srcpostcss.config.jspostcss.config.js

y∩__∩y 归来·2023-08-16 07:16

postcss-px-to-viewport配置横屏参数landscape: true报错postcss.atRule is not a constructor

首先postcss-px-to-viewport是一款很优秀的插件，他能将px转换成视口单位vw，而vw本质上还是一种百分比单位。

长剑浣花咻咻咻·2023-08-16 07:16

vite3+vant移动端适配

vw配置安装插件npmi-Dautoprefixer@^10.4.7npmi-Dpostcss-px-to-viewport-8-plugin@^1.1.3创建配置文件根目录创建postcss.config.cjsmodule.exports

cooldrw2012·2023-08-16 07:46

vue+vant2—篇4—用viewport 单位适配浏览器

Vant默认使用px作为样式单位，如果需要使用viewport单位(vw,vh,vmin,vmax)，推荐使用postcss-px-to-viewport进行转换。

有蝉·2023-08-16 07:46

移动端布局之postcss-px-to-viewport（兼容vant）

主角是谁在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport痛点在哪里在之前有一种流行已久的移动端适配方案

康康不是只喵·2023-08-16 07:16

vue2.0_移动端自适应布局之 postcss-px-to-viewport（兼容vant-ui）

但是这样做非常繁琐，为了解决这个问题，我们直接使用当前比较流行的插件postcss-px-to-viewport去配置相应的属性来进行自适应布局的构建。

QiuRenBB·2023-08-16 07:45

vite项目 postcss-px-to-viewport适配vant

关于vite项目postcss-px-to-viewport适配vant的问题，网上很多文章都已经过时或者都是基于webpack的配置，很少vite相关的配置教程，故做一下笔记希望帮到正在踩坑的同学。

YongChao_bms·2023-08-16 07:45

原生js 简易打字小游戏

js简易打字小游戏*{margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;}.viewport{width:100%;min-height

意面秋刀鱼·2023-08-15 22:41

vue3+vite中使用postcss-px-to-viewport适配问题

适配方案postcss-px-to-viewport使用过程中出现以下问题:postcss-px-to-viewport不适配最新版本的postcss8⚠️报错：postcss-px-to-viewport

啥时候能干全栈·2023-08-15 21:08

大数据--难点--地图的制作

里面的代码后，gulp会自动监听修改内容并同名保存到css文件夹中（如果没有css文件夹，将自动创建一个）在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：LayoutViewport

炎同学要努力·2023-08-15 21:35

Qt扫盲-Qt Paint System 概述

绘图设备和后端1.Widget2.Image3.Pixmap4.OpenGL绘制设备5.Picture6.自定义绘制后端三、绘图与填充1.Drawing2.填充Filling四、坐标系统1.渲染Window-Viewport

太阳风暴·2023-08-15 16:25

R语言-图片的组合与拼接

可用的包有：customLayout包ggpubr包gredExtra包grid.arrange函数cowplot包的plot_grid函数R的基础绘图函数par()和layout()函数grid包viewport

生信小白2018·2023-08-15 12:52

虚幻引擎（UE4）编辑器窗口快捷键整理

1.视口基础操作（ViewportBasics）使用ALT键+G/H/J/K键，在透视视口(perspectiveviewport)/前视口(frontviewport)/顶视口(top

吃素的施子·2023-08-15 10:57

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

vh、vw全称是ViewportWidth和Viewport

钟Bubble·2023-08-15 07:50

position：fixed固定定位失效问题（不是以可视窗口定位）

在项目中遇到一个问题，明明使用的定位是fixed定位，应该按照元素相对于屏幕视口（viewport）的位置来指定元素位置，但是却发现而是以他的祖先盒子为参照的上图中的list-box下拉框虽然是固定定位但是以他的祖先盒子类名为

D浩DzD·2023-08-14 19:19

Qt应用开发(基础篇)——滚屏区域基类 QAbstractScrollArea

框架类QFrame介绍QAbstractScrollArea提供了一个中心区域(viewport)，该区域的

波塞冬~·2023-08-14 19:47

Bootstrap全局样式

HTML元素和CSS属性需要将页面设置为HTML5文档类型，即在页面顶部添加“”布局容器：Bootstrap需要为页面内容和栅格系统包裹一个.container或container-fluid（占据全部视口viewport

神豪VS勇士赢·2023-08-14 02:55

最强自动化测试框架Playwright（22）-模拟器

--viewportplaywrightcodegen--viewport

东方不败之鸭梨的测试笔记·2023-08-13 23:53

浅谈Viewport

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

李贵功·2023-08-13 16:56

vite项目使用postcss-px-to-viewport做移动端适配

项目环境"dependencies":{"@element-plus/icons-vue":"^2.1.0","axios":"^1.4.0","clipboard":"^2.0.11","element-plus":"^2.3.5","file-saver":"^2.0.5","js-cookie":"^3.0.5","mavon-editor":"3.0.1","moment":"^2.29.

不会秃头·2023-08-11 06:40

HTML设置网站横屏显示的几种方式

HTML中有几种方法可以设置网站以横屏显示：使用viewport元标签：可以使用viewport元标签来设置视口的宽度和高度。

LiuTselin·2023-08-10 20:27

移动端常见的问题

这里提到的窗口（window）、视口(viewport)是对应的概念。视口是与设备相关的一个矩形区域，坐标单位是与设备相关的。窗口的坐标是逻辑坐标，与设备无关。

起风了_1a12·2023-08-09 23:20

【前端性能优化】不懂优化的前端不是好前端…

方面避免过多样式嵌套避免使用CSS表达式使用绝对定位，可以让动画元素脱离文档流避免使用table布局尽量不要使用float布局图片最好设置好width和height尽量简化浏览器不必要的任务，减少页面重新布局使用Viewport

神小夜·2023-08-09 09:37

Hybrid app开发历程分享

关于这个话题,本文并不准备详述移动开发相关的一些通用技术,例如:viewport、rem、flexbox、媒体查询等。这里主要讲述我们的hybrid产品策略、开发流程与规范、性能优化以及我们踩过的坑。

魅族技术·2023-08-09 09:37

2022-04-04移动web第三天：flex布局

一、移动端视口标签作用：可以让没有做移动端适配的网页，让该网页能够适应移动端并且完整的展现出来viewport是视口width=deviec-width这句话的意思是让宽度等于设备宽度initial-scale

朝来试看青枝上·2023-08-09 07:46

面试的信心来源于过硬的基础

1、viewport//width设置viewport宽度，为一个正整数，或字符串‘device-width’//device-width设备宽度//height设置vi

什么都不会的程序员·2023-08-09 02:12

【UE4】全局Widget

由于UE4在默认情况下会OpenLevel会将当前Level创建的Widget从ViewportClient中移除，所以默认的UserWidget会随着切换关切而消失。

Goulandis·2023-08-08 17:59

vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题

安装lib-flexible$npminstalllib-flexible--savelib-fiexble,lib-flexible会自动在html的head中添加一个metaname="viewport

WEB_克克·2023-08-08 11:24

NestedScrollView嵌套ViewPager滑动问题

NestedScrollView嵌套ViewPager滑动问题NestedScrollView嵌套ViewPager布局XML展示：主要是要给NestedScrollView设置android:fillViewport

shaodong1123·2023-08-08 07:08

Flutter（六）可滚动组件

目录1.可滚动组件简介Sliver布局模型ScrollableViewportSliver可滚动组件的通用配置2.SingleChildScrollView3.ListView默认构造函数ListView.builderListView.separated

哆啦A梦z·2023-08-08 02:55

Bootstrap

container-fluid类用于100%宽度，占据全部视口（viewport

Snackk·2023-08-07 20:54

vue项目开发之样式篇——postcss插件

—postcss插件一、postcss插件简介及安装二、插件介绍1.postcss-advanced-variables2.postcss-partial-import3.postcss-px-to-viewport

MoYoon·2023-08-05 16:16

从0到0.1 撸一个基于Vant的H5简单框架(一)

通过本文，大致可以达到以下目的:通过vue-cli创建一个vue项目sass的配置axios的二次封装vue-router简单使用vuex简单使用vant的简单应用post-css-to-viewport

熊猫猫超人·2023-08-05 10:10

create-react-app 迁移到vite使用 pc和h5共存

想使用postcss-px-to-viewport-8-plugin等一系列的h5适配插件解决方案都不生效。

肥肥呀呀呀·2023-08-04 11:02

JavaScript学习（九十四）—打印九九乘法表

JavaScript学习（九十四）—打印九九乘法表<metaname="viewport"

王同学要努力·2023-08-04 08:17

[分享] 移动端适配iPhoneX方案

1.对页面进行iPhoneX适配处理教程在viewport中添加viewport-fit=cover属性安全区设置iOS11中包含了一个新的CSS函数env()，以及一组四个预定义的常量：和body{padding-bottom

姓高名小白·2023-08-04 07:31

移动web开发

viewport视口(主流的适配方案):移动端特有，是一个虚拟的区域，承载网页的。

你带来了我的快乐·2023-08-04 01:42

前端Vue入门-day08-vant组件库

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录vant组件库安装导入全部导入按需导入浏览器配饰Viewport布局Rem布局适配vant组件库目标：认识第三方

小周不摆烂·2023-08-03 17:39

pug和nunjucks模板引擎

pug安装pugnpmipug-gpug文件的语法格式html(lang="en")headmeta(charset="UTF-8")meta(name="viewport",content="

coderzhangsheng·2023-08-03 11:16

浏览器渲染（二）——gpu到底是加速还是合成？

我想大多数人回答是相对于viewport定位吧。那如何相对于父元素进行定位呢？这个时候是不是就有点懵逼了？我们看看正解。

夏洛克福尔摩聪·2023-08-03 10:11

推荐频道

Viewport