viewport 第18页

前端面试问题

语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签IE6bug，和一些定位写法cssjs放置位置和原因什么是渐进式渲染html模板语言metaviewport

十七爱学习i·2022-02-05 03:43

深度讲解VIEWPORT和PX是什么

深度讲解VIEWPORT和PX是什么viewport.png刚开始接触移动页面重构，是不是很迷惑应该按照多大的尺寸制作？320、640还是720？

诗歌poetry·2022-02-04 23:02

WKWebView自适应屏幕宽高

init];//以下代码适配大小NSString*jScript=@"varmeta=document.createElement('meta');meta.setAttribute('name','viewport

那年那月那花儿·2022-02-04 18:10

css响应式布局

一、viewport首先，在网页代码的头部，加入一行viewport元标签。

初晨的风儿·2022-02-03 17:48

关于meta

1、在移动设备浏览器上，通过为视口（viewport）设置meta属性为user-scalable=no可以禁用其缩放（zooming）功能。

ZYLoooong·2022-02-03 12:51

BootStrap容器介绍

container-fluid类用于100%宽度，占据全部视口（viewport）的容器。...代码：-->Bootstrap容器介

我可能是个假开发·2022-02-03 00:53

不一样角度带你了解 Flutter 中的滑动列表实现

Flutter滑动列表在Flutter里我们常见的滑动列表场景，简单地说其实是由三部分组成：Viewport：它是一个Mult

·2021-12-29 17:41

react(craco)移动端使用postcss-px-to-viewport自适应布局

前言尝试在react使用postcss-px-to-viewport自适应布局，全网找遍了，基本上都要react-scriptseject去修改webpack.config.js,或者装一大堆依赖……，

·2021-12-24 17:16

js 判断元素是否在可视区域

isElementInViewport(el){//获取元素是否在可视区域varrect=el.getBoundingClientRect();return(rect.top>=0&&rect.left

·2021-12-24 15:56

Android-一句代码让NestedScrollView的布局撑满屏幕

一句XML代码android:fillViewport="true"就是这一句代码可以实现我们的需求，让NestedScrollView里面的布局撑满整屏幕。一个XML示例......这

阿博聊编程·2021-12-24 14:31

vue 大屏适配

function(win,lib){vardoc=win.documentvardocEl=doc.documentElementvarmetaEl=doc.querySelector('meta[name="viewport

·2021-12-02 10:03

Vue3-Lazyload源码解析

IntersectionObserverAPI一种异步检测目标元素与祖先元素或viewport相交情况变化的方法。

·2021-11-20 00:31

viewports剖析

在这个迷你系列的文章里，我将解释viewports和多种重要的HTML标签元素的宽度是如何工作的，例如标签。同样也会解释window和screen的宽度问题。

·2021-11-18 18:22

触摸板触摸屏禁止手指缩放，这么处理才行

在以前，如果要禁止移动端设备的触摸屏上，手指缩小放大的功能，都会想到使用viewport来处

jimojianghu·2021-11-11 14:00

前端-设备像素比和viewport

设备像素和CSS像素设备像素（devicepixels）也叫做设备物理像素是一个具体可测量的物理单位。CSS像素是与设备无关的像素，这一类像素也叫做独立设备像素（Device-independentpixel），它们是应用程序的抽象单位。当应用程序运行时，底层图形系统会按照一定的比例（设备物理像素和设备独立像素比）将应用程序的抽象像素转换为适用于设备的物理像素。设备物理像素和设备独立像素的比例，\

·2021-11-04 00:56

前端开发框架Vue在PostCSS中的使用

为什么要使用Postcss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置

·2021-11-02 11:41

Unity微信聊天框界面制作

【步骤】新建一个UI->Panel，重命名为ChatPanel，添加ScrollRect组件在ChatPanel下新建一个UI->Panel，重命名为ViewPort,添加Mask组件在C

永恒星·2021-10-13 18:33

2020-08-17【Unity】世界坐标转相机坐标，用GUI显示文字

https://blog.csdn.net/Stephanie_1/article/details/78132070Vector3canvasScale=Camera.main.WorldToViewportPoint

持刀的要迟到了·2021-10-05 21:55

CSS样式——移动端适配

了解viewport视口移动端viewport视口就是浏览器显示页面内容的屏幕区域viewport视口包括布局视口（layoutviewport）、视觉视口（visualviewport）、理想视口（idealviewport

·2021-10-05 17:45

移动端适配

原文地址：深入浅出移动端适配（总结版）三、视口Viewport翻译成中文可以叫“视窗”或者是”视口“，它表示的是用户网页的可视范围（指页面能够被浏览的范围）在移动设备上进行网页的重构或开发，首先你得搞明白的就是移动设备上的

kjkongjun·2021-09-28 11:18

fabric.js 知识点记录

AA%9E%E8%A8%80/704333/#outline__4_102、限制图层移动的属性lockMovementX:true,lockMovementY:true3、Fabric.js-画布视图viewport

王三准wsz·2021-09-16 18:55

纯 CSS Flex Box 响应式设计 - 故障动画

*{box-sizing:border-box;margin:0;padding:0;}.viewport我们现在可以创建viewport类。我们希望这个元素占据设

前端仙人·2021-08-21 17:00

postcss

在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题

趣有书·2021-08-12 11:49

前端Vue框架在PostCSS怎样使用sass

为什么要使用PostCss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置

·2021-08-10 18:22

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

postcss-px-to-viewport是一款很优秀的插件，将px单位转换为视口单位的(vw,vh,vmin,vmax)的PostCSS插件。

Ackerm·2021-07-27 09:08

移动端基础：浏览器现状、手机屏幕现状、移动端的调试、视口、布局视口、视觉视口、理想视口、meta视口标签、标准的viewport设置、二倍图、多倍图、背景缩放、多倍图切图、移动端的主流方案、单独...

1.移动端基础1.1浏览器现状Snipaste_2020-07-22_09-51-19.png国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。1.2手机屏幕的现状移动设备屏幕尺寸非常多，碎片化严重。Android设备有多种分辨率：40

MrWood·2021-06-27 20:47

解决在UIWebView上页面显示正常,升级成WKWebView之后页面缩小的问题

以下代码可以适配大小:NSString*jScript=@"varmeta=document.createElement('meta');meta.setAttribute('name','viewport

Macanzy·2021-06-27 15:11

移动端自适应flexible.js

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

郭可可_e90d·2021-06-26 06:05

Bootstrap学习（一）入门

移动设备优先策略：响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多1

筱平哥哥·2021-06-25 10:41

NestScrollView中的控件即使设置match_parent属性也不会充满的问题

ScrollView的fillViewPort属性在ScrollView的源码的onMeasure中，专门针对fillViewPort这个属性做了特殊的处理protectedvoidonMeasure(

郭某人1·2021-06-25 04:18

移动端rem + vw布局

什么是VW就是相对于浏览器viewport尺寸的单位，具体包括下面4个：vw–视区宽度百分值vh–视区高度百分值vmin–vw

ImmortalBird·2021-06-24 18:07

移动端页面适配

这套方案本质上来说是为了能让页面更好的适配各种不同的终端，通过Hack手段来根据设备的dpr值相应改变标签中viewport的值。

wwpeng520·2021-06-24 18:41

响应式布局-PC端和移动端同时适配

响应式布局的基础如果进行响应式开发需要加入以下代码我们把html5页面放到手机上预览，默认情况下，不管手机设备有多宽，HTML都是按照980(或者1024)宽度渲染的，这样页面会整体缩小(内容也都会缩小)解决方案：viewport

程序萌·2021-06-24 07:03

vw、vh、vmin、vmax理解

而是由视窗（Viewport）大小来决定的，单位1，代表类似于1%。视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括工具栏和按钮的网页浏览器。

方穹轩·2021-06-24 04:18

移动端是怎么去做适配的

一：metaviewportmetaviewport属性主要是让viewport的宽度等于当前设备的宽度，也可以按照需求来限制用户是否可以缩放。

Save_Onfir3·2021-06-24 01:14

CSS那些破B事儿系列之position:fixed定位失效

闲言：自己css水平不够导致前段时间碰到position:fixed定位失效的问题，麻蛋，fixed定位不是一直都是相对于屏幕视口（viewport）的位置来指定fixed属性元素的位置么？

木A木·2021-06-23 20:26

关于iPhonex刘海屏的移动端适配

meta[设置全屏]viewport"content="width=device-width,initial-scale=1.0,viewport-fit=cover"viewport-fit

站着瞌睡·2021-06-23 12:35

面试总结（高级前端工程师）

vue生命周期SPASSR区别代码题垂直居中的布局使用正则将border-bottom-color->borderBottomColor写深拷贝函数，可以复制对象中的函数点击按钮随机改变颜色rem原理viewport

Hsugar·2021-06-22 19:29

移动web开发——流式布局

视口视口（viewport）就是浏览器显示页面内容的屏幕区域。

王玉伟的伟·2021-06-22 19:14

vue移动端总结

在移动端我们经常可以在head标签中看到这段代码：通过meta标签对viewport的设置，定义了页面的缩放比例；要了解这些参数的意义，我们需要先知道几个视口宽度的意义。

markdown·2021-06-22 18:44

手机1px（下划线、上划线、边框）

移动端1px变粗的原因为什么移动端css里面写了1px,实际看起来比1px粗.其实原因很好理解:这2个’px’的含义是不一样的.移动端html的header总会有一句这句话定义了本页面的viewport

守护银河的河童·2021-06-22 18:34

移动端是如何做适配的？

移动端的适配要分为三点来讨论：使用viewport媒体查询动态rem方案一、使用viewport也就是使用，用来让开发者控制视口尺寸以及比例。

索伯列夫·2021-06-22 12:59

关于IntersectionObserver和vue自定义指令-懒加载

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

Small_Song·2021-06-22 12:14

流式布局与Flex布局

1.meta标签4.png最标准的viewport设置视口宽度和设备保持一致视口的默认缩放比例1.0不允许用户自行缩放最大允许的缩放比例1.0最小允许的缩放比例1.02.二倍图1.物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒

Grandperhaps·2021-06-22 06:38

前端面试：这50个经典前端面试题面试者必看！

2、metaviewport原理是什

悟空笔记·2021-06-22 02:10

移动端开发css样式需求

viewport视口width=device-width/*视口宽度等于屏幕宽度*/initial-scale=1.0/*页面初始缩放比例*/maximum-scale=1/*不允许放大窗口*/minimum-scale

在下高姓·2021-06-22 00:12

CSS单位px、em、rem、%、vh、vw、vmin、vmax

像素可固定布局或元素大小，缺点无弹性em参考物是父元素的font-size，具有继承的特点rem相对于根元素html%1、普通定位元素：父元素；absolute;的元素是相对于已定位的父元素；fixed;的元素是相对于ViewPort

栗子daisy·2021-06-21 23:32

第十二周单词表

bootstrap：引导程序theme：主题device:设备，装置；viewport:视口necessary:必要的，必须的；plugins:插件；media:媒体query:询问，mediaquery

果木山·2021-06-21 18:09

移动端是怎么做适配的？

1.metaviewport通过在HTMLhead标签上加入上图代码，来实现手机适配，注意：做手机页面一定要加上这段代码。上图content代表的是设备宽度。

饥人谷__冯国欣·2021-06-21 16:31

标签 name="viewport" 详解

转载于Lew'sBlog什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局

风之清·2021-06-20 20:10

推荐频道

viewport