E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
viewport
如何让一个元素高度随宽度按比例自适应
宽度的自适应是根据
viewport
的width来调整的,比如{width:50%}就是浏览器可视区域的50%,resize之后也会自动调整。
托尼陈
·
2023-10-25 10:31
1-08 移动端适配 rem+vm
移动端适配rem+vmReact配置postcss-px-to-
viewport
安装依赖:在项目根目录下运行以下命令安装所需的依赖包:npminstallpostcss-px-to-
viewport
--
Bunny0212
·
2023-10-24 20:45
前端
1024程序员节
前端
javascript
1-07 React配置postcss-px-to-
viewport
React配置postcss-px-to-
viewport
移动端适配安装依赖:在项目根目录下运行以下命令安装所需的依赖包:npminstallpostcss-px-to-
viewport
--save-dev
Bunny0212
·
2023-10-24 20:12
前端
1024程序员节
前端
javascript
开发语言
前端框架
postcss
Qt 视口和窗口的区别
视口和窗口绘图设备的物理坐标是基本的坐标系,通过QPainter的平移、旋转等变换可以得到更容易操作的逻辑坐标为了实现更方便的坐标,QPainter还提供了视口(
Viewport
)和窗口(Window)
Prejudices
·
2023-10-24 14:06
开发
qt
开发语言
条件CSS笔记
条件CSS分类目前的三个@规则:@media@supports@
viewport
CSS的@规则CSS的@规则是(at-rule)是一条语句,它为CSS提供了执行或如何执行的指令。
前端小学生_f675
·
2023-10-24 02:12
Rem 布局
在阅读本文之前,先需要了解设备像素、设备独立像素、CSS-像素、桌面浏览器上的-
viewport
、移动浏览器上的-
viewport
。
_于曼丽_
·
2023-10-23 20:10
web常用基础知识
1、
viewport
//width设置
viewport
宽度,为一个正整数,或字符串‘device-width’//device-width设备宽度//height设置
viewport
高度,一般设置了宽度
呂鳳先
·
2023-10-23 03:36
css flexible原理代码
function(win,lib){vardoc=win.document;vardocEl=doc.documentElement;varmetaEl=doc.querySelector('meta[name="
viewport
janezhang
·
2023-10-22 22:43
不一样角度带你了解 Flutter 中的滑动列表实现
Flutter滑动列表在Flutter里我们常见的滑动列表场景,简单地说其实是由三部分组成:
Viewport
:它是一个MultiC
恋猫月亮
·
2023-10-22 21:33
H5项目常见问题汇总及解决方案
Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构//width设置
viewport
宽度,为一个正整数,或字符串‘device-width’//height设置
风神.NET
·
2023-10-22 20:25
HTML5+CSS
CSS3
html
解决方案
结构
html5
meta
HTML + CSS + JQ + PHP 完成点菜器操作:
前期准备工作:引入
viewport
移动端适配方案:通过cdn引入jq库:创建一个文件,并且文件中包含所有想要点的菜名称为:stu.txt下面php中出现的stu.txt为此文件鱼香肉丝|毛血旺|辣炒鱿鱼丝
HellorWord
·
2023-10-21 21:25
大屏
vh-
viewport
:1080;@functionpxTovw(n/n){@returnvh-
viewport
*1vh;}我是h1111
想个名字真难ing
·
2023-10-21 20:51
移动端适配
这篇文件是以应用的角度介绍如何使用vue(使用vue-cli创建项目)来设置响应式布局,让我们能更便捷使用px去开发还原设计图,不必考虑过多的单位转换计算、适配等问题设置
viewport
设置布局窗口和视觉窗口一致
miao8862
·
2023-10-20 22:03
禁止html5手机端双击页面放大的问题
meta标签的作用是让当前
viewport
的宽度等于设备的宽度,同时不允许用户手动缩放。少一项都达不到效果
食不食
·
2023-10-20 05:11
Vue移动端基于vw适配方案(简单)移动端相关术语解析(易懂)
Vue移动端基于vw适配方案(简单)移动端相关术语解析(易懂)移动端相关术语解析(易懂)屏幕相关像素相关设备像素比(DevicePixelRatio,DPR)视口(
Viewport
)布局视口视觉视口理想视口基于
Thetimezipsby
·
2023-10-19 23:29
Vue全家桶汇总
Css
JavaScript
前端
vue.js
html
javascript
NestedScrollView属性fill
Viewport
解决android布局不能撑满全屏的问题 android:fill
Viewport
=“true“无效问题
NestedScrollView的子布局不能撑满整个屏幕,而是包裹内容,按照wrap_content来计算,哪怕写的match_parent也没用;解决办法:添加属性:android:fill
Viewport
喜欢听风的人
·
2023-10-19 18:26
android
UGUI交互组件InputField
TextMeshPro-InputField组件的主体对象TextArea文本显示区Placeholder未输入时占位文本Entertext...Text输入的显示文本二.InputField的属性属性说明Text
Viewport
TextArea
ellis1970
·
2023-10-19 14:13
Unity
UGUI
unity
移动端 rem 适配方案
前端面试移动端rem适配方案1.适配方案移动端的适配方案:1.flex+rem单位做适配效果(比如淘宝和小米移动端)当前市场最多2.flex+
viewport
width/vh单位做适配效果(比如B站移动端
鲸洛洛
·
2023-10-19 03:02
前端
浏览器
javascript
画一条0.5px的线、设置小于12px的字体、解决 1px 问题
的方式该方法用来定义元素的2D缩放转换;.line{width:100px;height:40px;transform:scale(1,0.5);background-color:red;}②采用meta
viewport
小草莓蹦蹦跳
·
2023-10-18 14:59
CSS3
每日专栏
前端
javascript
html
Vue.js开发移动端经验总结
一、移动端适配在移动端我们经常可以在head标签中看到这段代码:通过meta标签对
viewport
的设置,定义了页面的缩放比例;要了解这些参数的意义,我们需要先知道几个视口宽度的意义。
魂斗罗小黑
·
2023-10-18 00:46
如何解决1px问题
为什么移动端css里面写了1px,实际看起来比1px粗.其实原因很好理解:这2个’px’的含义是不一样的.移动端html的header总会有一句这句话定义了本页面的
viewport
的宽度为设备宽度,初始缩放值和最大缩放值都为
怕孤_
·
2023-10-17 23:01
vue-1.0-4.0/promis4.3异步请求/父子组件1.0/动态路由3.4/懒加载3.5/导航守卫3.7/-修改文件路径的引用问题......
------父子组件传递关系子组件:props:{banners:{type:Array,default(){return[]}}}父组件:2.视口模式npminstallpostcss-px-to-
viewport
年少荒芜
·
2023-10-17 22:10
java隐藏a标签的文字,js设置a标签隐藏
2.通过meta标签将网页的
viewport
设置为ideal
viewport
。3.调用一些js库,比如FastClickclick延时问题还可能
周鸟
·
2023-10-17 20:14
java隐藏a标签的文字
总结
1.meta
viewport
2.媒体查询(mediaquery)在link标签内使用media在CSS内使用media@media(max-width:450px){/*屏幕宽度0—450px*/body
zzzZink
·
2023-10-17 18:23
position:fixed会一直依据窗口进行定位吗
,一个设置了position:fixed的元素相对于视窗是固定的,就算页面文档发生了滚动,它也会一直待在相同的地方但是在实际项目中却遇到了明明使用了fixed定位,但该元素却没有按照期望基于屏幕视口(
viewport
前端辉羽
·
2023-10-17 02:30
移动H5开发入门教程:12点webAPP前端开发经验
1.
viewport
:也就是可视区域。对于桌面浏览器,我们都很清楚
viewport
是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。
Vincen??
·
2023-10-16 11:41
前端
javascript
人工智能
ViewUI
2.360 度视频的流式传输技术
Streamingtechniquesfor360-degreevideoshaveevolvedfromfull-viewequalquality(
viewport
-independent)methodstomoresophisticatedapproacheslike
viewport
-onlyequalqualityorfull-viewnon-equalquality
其木王·王子
·
2023-10-16 01:05
360-Degree
Video
Streaming
音视频
全景视频
VR
css3 vh vw vmin vmax/ px rem,em的使用
而是由视(
Viewport
)大小来决定的,单位1,代表类似于1%。视窗(
Viewport
)是你的浏览器实际显示内容的区域—,换句话说是你的不包括工具栏和按钮的网页浏览器。
Princess.
·
2023-10-16 01:02
css
html
css3
css3
vw、vh、vmin、vmax 的含义
而是由视窗(
Viewport
)大小来决定的,单位1,代表类似于1%。视窗(
Viewport
weixin_33965305
·
2023-10-16 01:31
python
javascript
移动开发
ViewUI
css3新单位vw、vh、vmin、vmax的使用介绍
而是由视窗(
Viewport
)大小来决定的,单位1,代表类似于1%。视窗(
Viewport
)是你的浏览器实际显示内容的区域—,换句话说是你的不包括工具栏和按钮的网页浏览器。
背藏玫瑰
·
2023-10-16 01:31
css
获取元素高度
视口(
viewport
凉_a38b
·
2023-10-15 20:32
讲解:CSI4130、Java、Java、GL Tutorials Statistics、、|
Friday,March6th,2020,11:00pminVirtualCampusUniversityofOttawa-Universit´ed’Ottawa1ViewingandMultiple
Viewport
s
he86zichi
·
2023-10-15 16:57
2018-09-27多年前端面试官的面试套路总结
2.meta
viewport
是做什么用的,怎么写?3.canvas元素是干什么的?CSS押题1.(必考)说说盒模型。2.cssreset和normalize.css有什么区别?3.(必考)如何居中?
前端吴彦祖
·
2023-10-15 14:18
node puppeteer库爬虫配置(爬取普通请求无法访问的网站)
cnpminstallpuppeteer-Dasyncfunctiontest(){打开浏览器的配置letoptions={//使用无头模式,默认为有头(true为无界面模式)headless:false,//设置打开页面在浏览器中的宽高default
Viewport
神奇大叔
·
2023-10-14 22:43
node爬虫
nodejs
react+umi+antdmobile+ali-react-table移动端开发
github.com/liptpb/reactModile.git1.umi的config配置import{defineConfig}from'umi';importpx2vwfrom'postcss-px-to-
viewport
1223688
·
2023-10-14 16:49
React
react.js
javascript
前端
html5页面在ios系统上滑动到底部会有白边
找到其中的meta,加入
viewport
-fit=cover这句话的作用就是在适配手机型号的时候,能够自动补齐安全区域(safearea)以后的区域,这样我们下拉的时候,就不会漏出去了
洋洋_13dc
·
2023-10-14 10:29
UGUI-- Scrollview 滚动视图
ScrollvRect是什么滚动视图组件,是UGUI中用于处理滚动视图相关交互的关键组件默认创建的ScrllRect由4组对象组成:父对象ScrollRect组件依附的对象,还有一个Image组件,设为背景图子对象
Viewport
Go_Accepted
·
2023-10-14 10:03
Unity学习
#
Unity--UI
UGUI
unity
UGUI交互组件ScrollView
一.ScrollView的结构对象说明ScrollView挂有ScrollRect组件的主体对象
Viewport
滚动显示区域,有Image和mask组件Content显示内容的父节点,只有个RectTransform
ellis1970
·
2023-10-14 10:59
UGUI
Unity
unity
两种
viewport
两种
viewport
原文链接:Ataleoftwo
viewport
s—partoneAtaleoftwo
viewport
s—parttwo预备知识css像素与设备像素是两种不同的东西。
luna0607
·
2023-10-14 07:53
3.1、public公共样式
function(win,lib){vardoc=win.document;vardocEl=doc.documentElement;varmetaEl=doc.querySelector('meta[name="
viewport
鲸是鲸鱼的鲸
·
2023-10-14 03:42
vue项目的搭建
移动端总结
移动端的适配一、
Viewport
视口用法:属性:width:控制
Viewport
的大小,device-width是屏幕的宽度initial-scale:初始缩放比例,用户第一次打开页面的显示比例maximum-scale
呆毛和二货
·
2023-10-13 18:51
4.
Viewport
-Only Equal Quality (
Viewport
-Dependent)
Viewport
-OnlyEqualQuality(
Viewport
-Dependent)仅视口相等质量(取决于视口)
Viewport
-OnlyEqualQuality,oftenreferredtoas
Viewport
-Dependentstreaming
其木王·王子
·
2023-10-13 15:17
360-Degree
Video
Streaming
全景视频
VR
3.Full-View Equal Quality (
Viewport
-Independent)
Full-ViewEqualQuality(
Viewport
-Independent)全视图等质量(与视口无关)Full-ViewEqualQuality,alsoknownas
Viewport
-Independentstreaming
其木王·王子
·
2023-10-13 15:46
360-Degree
Video
Streaming
全景视频
VR
Full-View Non-Equal Quality (
Viewport
-Dependent)
Full-ViewNon-EqualQuality(
Viewport
-Dependent)全视图质量不相等(取决于视口)Full-ViewNon-EqualQuality,atechniquethatfallsunderthecategoryof
Viewport
-Dependentstreamingfor360
其木王·王子
·
2023-10-13 15:40
360-Degree
Video
Streaming
全景视频
VR
H5项目常见问题及注意事项
www.open-open.com/lib/view/open1449325854077.htmlMeta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构//width设置
viewport
彼岸归梦
·
2023-10-13 14:43
vue 自适应(同等缩小放大)
第一步:项目安装依赖npmipostcss-px-to-
viewport
安装之后,大家都知道package.json里会出现它的名字和版本号第二步:创建一个和package.json同级的文件,命名为postcss.config.js
三三两两俱
·
2023-10-13 08:51
vue.js
javascript
前端
vue
H5关于Meta标签相关使用方法
删除苹果默认的工具栏和菜单栏//设置苹果工具栏颜色//忽略页面中的数字识别为电话,忽略email识别//启用360浏览器的极速模式(webkit)//避免IE使用兼容模式//针对手持设备优化,主要是针对一些老的不识别
viewport
柒弟
·
2023-10-13 01:32
vite.config.js文件配置
node-Dimport{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'importpostcsspxto
viewport
8pluginfrom'postcss-px-to-
viewport
不听念经
·
2023-10-12 23:30
vite
前端
react.js
scrollview嵌套ViewPager的冲突处理
遇到问题:1.正常使用情况下,ViewPager中的Fragment没有显示出来,在ScrollView的布局参数上添加了android:fill
Viewport
="true",结果是ViewPager
泪X累
·
2023-10-12 20:27
CSS+移动端
透视perspective4.3D旋转rotate3d5.3D呈现transfrom-style(重要)五、浏览器私有前缀1.私有前缀2.提倡的写法移动端:一、移动端基础二、视口1.布局视口layout
viewport
2
让我再睡会儿呗
·
2023-10-12 13:36
css3
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他