Viewport 第12页

Vue常用组件

可以直接使用的一些组件一、轮播图二、Tabs三、对时间戳进行展示四、postcss-px-to-viewport移动端适配五、在子父组件中使用对方的方法和变量（即data里的数据）1、在==父==组件中使用子组件的方法和变量

RookieChicken·2023-04-13 06:06

移动端自适应终极方案！

01-viewport.js我把它定义为viewport.js原名github上搜hotcss即可找到hotcss.js(function(window,document){//给hotcss开辟个命名空间

科哚洛夫·2023-04-12 22:03

vue的pc端适配vw vh rem

安装命令：npmipostcss-px-to-viewport@[email protected].安装完之后在根目录新建postcss.config.js(和src目录平级

@小朱呀路·2023-04-12 22:32

CSS中vw vh rem的关系及作用

vw（ViewportWidth）：基于视口宽度的相对单位，1vw等于视口宽度的1%。因此，vw可以用来指定元素相对于视口宽度的大小。

conquer_galaxy·2023-04-12 22:45

【VUE】px转化vw的方法，postcss-px-to-viewport的使用方法，include属性为什么不生效

目录vue中px转化为vw的步骤第一步：安装第二步：在根目录下建js文件postcss.config.jsinclude属性不生效的可能原因引用资源版本不对给include属性指定文件的写法不对各配置项用途官方参考文件vue中px转化为vw的步骤第一步：安装安装autoprefixer⭐autoprefixer要指定版本，不然会报错npmipostcss-loaderautoprefixer@8.

Ｓòrry╮·2023-04-12 19:07

nuxt3 vue 让PC网站在手机上按比例缩小适应屏幕

直接代码：nuxt3：nuxt.config.jshead:{meta:[{name:"viewport",content:"width=device-width,initial-scale=0,user-scalable

王小王和他的小伙伴·2023-04-12 19:45

NesedScrollView嵌套ViewPager，ViewPager中Fragment数据不显示？

给NesedScrollView添加android:fillViewport="true属性就行了

心一如既往的空荡·2023-04-10 11:35

自定义图片懒加载指令(Vue3)

这里用到了一个接口IntersectionObserverIntersectionObserver接口(从属于IntersectionObserverAPI)提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport

沃德麻鸭·2023-04-10 01:07

关于移动端开发的一些笔记

关于一些基本概念如设备像素，css像素，参考移动端适配方案(上)CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport像素上图的pt和px互换才正确，reader@2x指设备像素比meta

Scott1738·2023-04-09 18:34

css实现自适应之单位vh

vh（ViewportHeight）是前端开发中的一个动态单位，是一个相对于网页视口（Viewport）的单位。

椿☽·2023-04-09 08:35

css3自适应布局单位vw,vh详解

视口单位(Viewportunits)什么是视口？

97年的程序媛·2023-04-09 08:03

移动适配viewport方案记录

随着viewport单位在浏览器中的兼容，移动端适配方案lib-flexible+postcss-pxtorem的转换系数设置有点不想设置了。

Z_di·2023-04-08 22:11

vue3-h5-template postcss-px-to-viewport 解决 750设计稿 vant 过小的问题

template原版写法vue.config.jsmodule.exports={...css:{loaderOptions:{postcss:{plugins:[autoprefixer(),pxtoviewport

醉笙情丶浮生梦·2023-04-07 19:22

Intersection Observer 简介

IntersectionObserverAPI提供了一种异步观察目标元素与祖先元素或顶级文档viewport的交集中的变化的方法。

MrTT·2023-04-07 14:01

移动端适配方案 viewport

响应式Web设计-Viewport什么是Viewport？viewport是用户网页的可是

Jeff9511·2023-04-07 14:39

移动端布局

移动端基础移动端现状移动端浏览器我们主要对webkit内核进行兼容；我们现在开发的移动端主要针对手机端开发；现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一；学会用谷歌浏览器模拟手机界面以及调试；视口viewport

你好好想想_be60·2023-04-07 12:14

【无标题】

2、.container-fluid类用于100%宽度，占据全部视口（viewport）的容器。

白鹿0820·2023-04-07 07:11

HTML5移动端开发页面无法上下滑动问题

从网上收集资料后，以为是设置viewport导致的，最终发现设置无果，看到一篇文章解我心中疑惑。h5页面在安卓手机浏览器上不能上下移动的问题问题所在：设置了overflow:hidden删去即可：

清梦2020·2023-04-07 05:26

关于移动端1px

关于viewport指的就是可视化区域，移动端的的Viewport概念比较复杂。有LayoutViewport和VisualViewport。

超爱吃小龙虾·2023-04-07 04:28

ScrollView和RecyclerView 嵌套问题总结

问题一RecyclerView显示不完全或者少一行1.在ScrollView加入android:fillViewport="true"2.RecyclerView外面必须在套一个LinearLayout

Coder_熊哥哥·2023-04-07 00:51

CSS单位最常用的有哪些?

css单位1、绝对单位px：逻辑像素，绝对单位2、相对单位em：基准点为父节点字体的大小rem：相对根元素字体大小来计算vw：视口宽度，将视口宽度的1%viewport-widthvh：视口高度，将视口高度的

疯也是一种态度_·2023-04-06 19:31

视区相关单位vw, vh..简介以及可实际应用场景

转载自：http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/vmvh做单位px是绝对单位

天字一等·2023-04-06 10:26

前端面试题 —— 对自己知识查漏补缺

metaviewport是做什么用的，

太阳宝宝️·2023-04-06 04:25

移动端适配( 使用 vw 完成移动端适配 )

移动端适配(使用vw完成移动端适配)文档postcss-px-to-viewport是一款PostCSS插件，用于将px单位转化为vw/vh单位。

阿良_C·2023-04-05 06:43

移动端适配

视频链接：b站链接视口viewportpc端视口就是可视化的窗口，不包含浏览器工具栏但是移动端，不太一样，布局的视口和可见的视口是不太一样的移动端的网页窗口往往比较小，我们希望一个大的网页在移动端可以完成的显示所以在默认情况下

小辉吖～·2023-04-05 06:08

前端架构之适配（postcss）

前端架构之适配（postcss）postcss是一个处理前端css的一个工具，里面有很多css插件供其使用，这里就说下适配的的方式首先安装postCSSnpmipostcss-px-to-viewport-S

小菜鸟学代码···2023-04-05 04:43

【R ·我的报错日常】Error in grid.Call(C_convert, x, as.integer(whatfrom), as.integer(whatto), : Viewport ha

Erroringrid.Call(C_convert,x,as.integer(whatfrom),as.integer(whatto),:Viewporthaszerodimension(s)你绝对想不到是什么原因

一只小蛮要·2023-04-05 01:25

当 fixed 定位遇上 z-index 时

position:fixed和z-index首先明确以下两个属性：1、position:fixed;根据MDN文档上的说法fixed元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport

XiaoWhite·2023-04-04 13:28

Playwright 入门详细教程

playwright的python文档Playwright爬虫安装控制台启动录制基本用法常见配置参数headless，slow_mo，viewport，locale，timezone，color_scheme

qq_40279560·2023-04-04 09:17

CSS基础：vw和vh是什么

两个也是相对单位不过其相对的是视口（非body标签定义的宽度）的，vw：viewportwidth意思是视口的宽度vh：viewportheight意思是视口的高度。

小猪弟·2023-04-03 01:30

Android多种方式实现相机圆形预览看这一篇就够了，吐血整理

Typicallyyouwillsetyourviewporthere.Ifyourcameraisfixedthenyoucouldalsosetyourprojectionmatrixhere:voidonSurfaceChanged

m0_66264134·2023-04-02 04:52

Flutter ListView使用方法

ListView使用方法ListView内部组合了Scrollable、Viewport和Sliver，需要注意：ListView中的列表项组件都是RenderBox，并不是Sliver，这个一定要注意

Good Weking·2023-04-01 07:20

OpenGL | 设置视口glViewport & 屏幕截图 glReadPixel

一、设置视口1.视口视口（Viewport）：指的是OpenGL用于渲染的输出区域，它是窗口中的一个矩形区域。在渲染过程中，OpenGL会将图形投影到视口中，以生成最终的图像。

烫青菜·2023-04-01 03:23

混合App

Diff算法reactnode_modules:安装的所有依赖的模块package.json：自定义项目的基本信息public中的index.html：渲染模板meat标签引入的主页一个自适应的viewport

Mrs祝·2023-03-31 04:22

前端不同屏幕宽度自适应布局解决方案

多套前端代码目的都是使一个网站能够兼容多个不同的终端响应式布局常见实现方式使用CSS中的媒体查询%remflex布局设置meta标签首先，我们需要设置meta标签来告诉浏览器，让视口(网页的可视区域)的宽度=设备的宽度，并禁止用户对页面的缩放，如下所示：其中：viewport

0123_6·2023-03-31 01:51

iPhone X底部安全区域适配

首先添加带有viewport-fit=cover的标签：然后需要适配的元素添加如下CSS:padding-bottom:constant(safe-area-inset-bottom);padding-bottom

XMX_·2023-03-30 20:55

响应式网页设计

中英文术语响应式web设计网页内容会随着访问它的视口及设备的不同而呈现不同的样式CSS预处理器可以组织代码、变量、颜色操作和数字变量PostCSS可以完成添加浏览器前缀视口（viewport）浏览器中用于呈现网页的区域

N张美玲·2023-03-30 10:48

移动端页面适配方案（viewport）

通过给视口设置固定的宽度，浏览器对页面自动缩放来实现页面的适配效果可配合移动端手机网页适配iPad与折叠屏设备实现多平台兼容优点是可以使用px布局，不用额外进行rem或者vw等等单位的换算了缺点是如果是无滚动条的页面在某些设备上(例如平板这种宽高3比4的，折叠屏8比7的)由于宽高比不同有些区域会被挤到视口之外从而导致一些体验上的问题，不过demo2也给出了解决方案；这里给两个demo，demo1是

凌晨 || AmsWait·2023-03-30 08:05

UE4 创建Viewport

UE4创建Viewport创建自定义的ViewportClient，并显示TextureRenderTarget2D对象。ViewPort创建TextureRenderTarget2D设置蓝色背景。

wblong·2023-03-30 02:11

Meta 标签整理

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

前端熊·2023-03-29 11:38

pyppeteer(七)--网易拖拉验证码

用作验证码截图，一起截的话两个图片会重叠在一起pages=awaitbrowser.pages()#获取所有page,page[0]正常浏览page[1]用作加载图片awaitpages[0].setViewport

瓜T_T·2023-03-29 06:46

web移动端页面布局PX单位自动转换VW插件

使用前先安装postcss-px-to-viewportnpminstallpostcss-px-to-viewport--save-dev然后根目录创建js文件命名为：postcss.config.js

记录学习生活·2023-03-28 19:29

移动端自适应方法

动态设置像素比//获取像素比varpixelRatio=1/window.devicePixelRatio;//通过js动态设置视口(viewport)document.write('');动态设置字体大小

cCedar·2023-03-28 16:56

前端meta标签知识梳理

下面列一下前端meta标签常用的几大类：1.用于SEO优化(搜索引擎优化)网页关键字网页描述搜索引擎索引方式通知搜索引擎多少天访问一次2.用于移动端H5申明代码响应式web设计-viewport针对一些不识别

月满轩尼诗_·2023-03-28 15:37

理解SVG中视窗、viewBox和preserveAspectRatio

viewPortviewPort是视窗，视窗是svg的容器。如代码所示，定义了一个宽为200，高为400的容器

小小少年小阿清·2023-03-28 04:06

媒体查询-响应式web设计(一)

背景1.移动设备普及，设备屏幕尺寸小于显示器2.出现更大尺寸的显示器3.响应式web设计出现，适配多种设备和屏幕定义就是网页内容会随着访问它的设备的不同而呈现不同的样式viewport视口（viewport

馒头学前端·2023-03-28 02:08

H5知识点总结

如何理解HTML语义化个人理解就是对应的标签做对应的事，头部用header，底部用footer,中间用main，边栏用aside,段落用p,以此类推，而不是全用div布局，有利于浏览器的SEO2.metaviewport

池鱼_故渊·2023-03-28 01:31

移动端Rem设置

假如通过媒体查询设置font-size，只能解决一部分的情况，而且并不能完成适配，因为手机屏幕宽度类型实在太多了，所以font-size的取值要通过js计算，取当前viewport的

戴发夹的格格巫·2023-03-28 00:07

移动端一像素边框

}高清屏边框语法@media(-webkit-min-device-pixel-ratio:2){div{border-width:0.5px;}}以上方式就可以将虚拟一像素变成真实一像素实现方案二：viewport

贝程学院_前端·2023-03-27 04:24

Unity 相机多相机操作

不同相机设置不同的目标窗口多个相机输出到同一个game窗口，修改相机输出的ViewportRect三个相机同时

暴走的TA·2023-03-27 04:34

推荐频道

Viewport