viewport

移动端自适应处理--viewport

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_taghttp://www.w3schools.com/css
stone_yao·2021-04-30 12:50

ScrollView子控件高度设置无效

在ScrollView中设置子控件的高度，比如设置定高或者match_partent，会发现设置的高度不起作用解决方法：设置ScrollView的fillViewport属性为trueandroid:fillViewport
哇楼主·2021-04-29 17:34

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

Flutter滑动列表在Flutter里我们常见的滑动列表场景，简单地说其实是由三部分组成：Viewport：它是一个MultiC
ZuoYueLiang·2021-04-28 22:48

设计自适应不同屏幕大小的网页(1)

1、这篇博客的重点主要是介绍viewport的使用，还有参数的使用，博客中提及的target-densitydpi现在基本上已经废弃了，用iphone测试过基本已不支持target-de
nasy·2021-04-27 15:48

对像素和viewport的理解

前言：本文是在阅读关于viewport的两篇文章后，对于这些常常忘记和混淆的的知识有了一定的理解，为了方便以后查询和使用，以此文记录。如果你在看完此文后还是一知半解，可以点击这里查看原文。
lightNate·2021-04-26 23:56

web移动端适配入门

image.pnglayoutviewport（
岁月如同马匹·2021-04-26 06:31

emmet

linklink:csslink:printstylelink:favicon响应式的网页设计一般都需要设置一个viewport。
历奇·2021-04-24 16:06

wkwebview 获取页面高度不正确

的高度不正确，底部出现一大片空白NSString*jScript=@"varmeta=document.createElement('meta');meta.setAttribute('name','viewport
严念仁·2021-04-24 03:53

移动web端揭秘

viewport视口(可视区窗口)默认不设置viewport一般可视区宽度在移动端是980width可视区的宽度(number||device-width)user-scalable是否允许用户缩放(yes
风吹燕尾·2021-04-23 17:18

响应式网页设计

响应式Web设计含义：基于HTML5和CSS3的RSD(ResponsiveWebDesign）响应式Web设计网页内容会随着视口（viewport）及设备（device）的不同而呈现不同的样式（style
茵_9ee6·2021-04-23 09:19

移动前端适配方法总结

方案一：强制metaviewport的宽度为设计稿的宽度把下面的代码放在头部，然后制作稿跟PC上一样的制作就行·//根据设计稿的宽度来传参比如6407501
程序猿_JayBor·2021-04-23 06:16

Android Chart框架 MPAndroidChart学习笔记19_视口处理器

AndroidChart框架MPAndroidChart学习笔记19_视口处理器点击这里查看项目源码TheViewPortHandlerViewPortHandler类负责处理图表的视图端口。
我爱小白小白爱大开·2021-04-22 09:26

H5页面适配 iPhoneX

几个新概念安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensorhousing）、小黑条（HomeIndicator）影响，如下图所示：image.pngviewport
一瓣山河·2021-04-21 07:02

2019-06-03

container类用于固定宽度并支持响应式布局的容器；....container-fluid类用于100%宽度，占据全部视口（viewport）
1fa38a6a3bcf·2021-04-20 18:01

viewport移动端事件

*{margin:0;padding:0;}.redDiv,.blueDiv{width:185px;height:100px;float:left;}.redDiv{background-color:red;}.blueDiv{background-color:blue;}.greenDiv,.yellowDiv{width:200px;height:200px;margin-top:200px
洛洛kkkkkk·2021-04-20 18:57

vue移动端h5页面根据屏幕适配的四种方案

方法一：引入淘宝开源的可伸缩布局方案引入淘宝开源的可伸缩布局方案：https://github.com/amfe/lib-flexible淘宝的其实也和viewport的有点像，但是它主要是根据设备设备像素比设置
玄鱼殇·2021-04-20 15:18

R可视化：多个图形合并在同一面板

使用grid包简单的设置layout函数library(grid)pushViewport(viewport(l
华仔少年·2021-04-19 04:01

Vue 2.x + rem 实现移动端页面布局

早期的flexible的方案（lib-flexible）通过动态修改viewport的方式来设置视口，出现了很多问题：安卓端1像素问题、不能与响应式兼容等等。最新版(amfe-lexible
echozzh·2021-04-18 09:16

WKWebview加载HTML字符串适应图片大小

1、如果文字过小，把viewport设置为device-width2、图片过大，设置全局图片属性，最大宽度为屏幕宽度，高度自适应img{max-width:100%!
69a8e4612fc7·2021-04-18 08:35

Autodesk Maya 2020 Mac玛雅三维动画设计软件v2020中文版

AutodeskMaya2020版改进了Viewport2.0中的内存管理。具有长切线的动画曲线将在导出到FBX时进行重采样，以避免出现重叠导致的潜在冲突并加入了加入了全新的WalkTool漫游工具。
Mac苹果资讯分享·2021-04-18 02:27

【55】移动WEB开发(2)——视口

★文章内容学习来源：拉勾教育大前端就业集训营本篇学习目标：了解视口相关因为涉及到移动端页面开发，而移动端的内容显示区域都是不同的，这就涉及到视口（viewport）的概念。
倏存·2021-04-16 09:45

移动端Vue2.x Picker的全局调用实现

什么是Picker组件对标PC端的Select标签,移动端的选择框一般是在viewPort底部弹出Picker组件存在的问题Picker通常以fixed布局，但是我们在写Picker组件时有遇到过该组件无法在
·2021-04-14 20:01

13.移动端meta设置大全

声明文档使用的字符编码:优先使用IE最新版本和Chrome:页面描述:页面关键词:网页作者：搜索引擎抓取：为移动设备添加viewportiOS设备添加到主屏后的标题（iOS6新增）：是否启用WebApp
jqClub·2021-04-13 23:04

HTML: meta 标签的使用与总结

`3.标签的属性定义了与文档相关联的名称/值对1.声明文档使用的字符编码1.2.页面描述1.3.定义关键词1.4.预解析:1.5.为移动设备添加viewport1.2.
黑木令·2021-04-12 22:11

使用vw适配移动端

1.vw原理解析vw是基于Viewport视窗的长度单位，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
·2021-04-08 13:12

鸿蒙学习-ScrollView

ScrollView的自有XML属性match_viewport：是否拉伸匹配，boolean类型，对应方法setMatchViewportEnabled();rebound_effect：回弹效果，boolean
学渣中的战斗渣·2021-04-08 10:24

使用vw适配移动端

1.vw原理解析vw是基于Viewport视窗的长度单位，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
·2021-04-02 19:57

2018 浅谈前端面试那些事

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

H5前端常见问题

走了程序媛这条路英式吐槽：不经历风雨怎么有夏天2017.6.1岁月带走的是你的童年带不走的是藏在你内心深处的那颗童心Ps:其实程序员都挺幼稚得啦O(∩_∩)O哈哈~Meta常用标签1.H5页面结构//width设置viewport
·2021-04-02 19:16

Bootstrap的栅格参数

Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
·2021-03-31 15:07

Bootstrap的栅格参数

Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
·2021-03-31 15:27

Nuxt.js服务器渲染SSR 修改head信息 配置axios body内引入js

修改head信息head:{title:'我是标题啊',htmlAttrs:{lang:'en'},meta:[{charset:'utf-8'},{name:'viewport',content:'width
代码精灵CodeElf·2021-03-16 18:22

移动端适配奇技淫巧

h5中有一个叫视口的东西viewport它的使用方法是这段代码的意思为定义一个视口且设置宽度为750像素，且禁止缩放。只要在head中加上这段代码则所有的页面中都会等比例缩放为750px大小
·2021-03-15 13:53

viewport 一个常用于针对移动网页优化

添加方法在head里面添加metacontent里面的属性width可以设置html页面的宽度，在移动端y一般设置为device-widthinitial-scale初始缩放比例第一次进入到页面的时候整个页面的缩放比例minimum-scale最小缩小比例minimum-scale=2.0最小缩放比例，最小缩放比例是指页面最小是原来的两倍maximum-scale最大缩放比例user-scalab
小飞侠zzr·2021-03-12 00:16

前端提高篇（四十六）CSS进阶11：移动端布局(等比缩放+1px问题：viewport+rem | transform | vw+插件)

等比缩放：背景：当屏幕大小不同时，元素动态缩放，凸显大屏更清晰的优势1.百分比：层级多时，需要计算2.flex：需要计算3.单位rem：固定地将html的font-size设置成屏幕宽度的某一个百分比值，当需要定义宽高时，以rem为单位去设置4.单位vw，vh：把屏幕宽高分成100份，1份就是1vw（宽）或1vh（高），如20vw代表占屏幕宽度的20%；不用设置html的font-size，用起来
安之ccy·2021-03-11 23:57

移动端资源整理H5

并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport
名字长不重复·2021-03-11 15:46

前端常见问题——一像素显示

关于一像素显示的问题可以参考从1px像素问题剖析像素及viewport和iPhone6屏幕揭秘。解决方案如何解决一像素显示问题可以参考博客7种方法解决移动端Retina屏幕1px边框问题。
·2021-02-25 17:37

jq实现鼠标滚动图片随之背景偏移

话不多说，上代码functionisInViewport(node){varrect=node.getBoundingClientRect()return((rect.height>0||rect.width
信有伟·2021-02-25 15:01

[css] 你是如何规划响应式布局的？

从项目角度来讲，PC和Mobile是一个项目还是两个项目；从方法流派来讲，有栅栏布局，固定viewport，使用rem/pt/vw单位，使用定位百分比，修改为rem/vw单位，五种；从文件结构来讲，是独立为响应布局专用
小歌谣（公众号同名）·2021-02-20 12:08

[css] 怎么实现移动端的边框0.5px？

一种是通过transform中的scaleborder:1pxsolidred;transform:scaleY(.5);一种是通过metaviewport中设置init-scale为0.5一种是设置hrborder
小歌谣（公众号同名）·2021-02-20 12:42

二、坐标：1、屏幕坐标、世界坐标、视口坐标、UI坐标系

2、视口坐标：ViewPort摄像机占据的视口空间，如果有多个摄像机，那么就有多个视口。
GameObjectLgy·2021-02-19 12:06

meta标签name属性值viewport解析

什么是viewport，这篇文章介绍的很详细，有兴趣的朋友可以点击这里阅读。因为内容太长，这边就不做过多说明，只做简要概况。什么是viewport？
zeros:·2021-02-13 14:18

使用 CSS Viewport 完成响应式布局

作者：Ahmadshaded译者：前端小智来源：sitepoint点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文GitHubhttps://github.com/qq44924588...上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢
·2021-02-07 09:56

使用 CSS Viewport 完成响应式布局

作者：Ahmadshaded译者：前端小智来源：sitepoint点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文GitHubhttps://github.com/qq44924588...上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个star支持一下，谢谢
·2021-02-07 09:51

css3自适应单位vw,vh详解

在客户端，视口指的是浏览器的可视区域；而在移动端，它涉及3个视口：LayoutViewport（布局视口），VisualViewport（视觉视口），IdealViewport（理想视口）。
dample小童鞋·2021-02-02 13:06

SVG 入门

核心优势XML的格式，容量较小比较灵活，可以修改样式自适应缩放viewport：是SVG的可视区域，就是SVG的属性width和height的范围，离开可视区域外的内容是不会被渲染的。
·2021-02-01 16:57

响应式布局----像素密度与viewport

首先举个例子，iphone6s的像素分辨率为1334x750,326ppi,4.7英寸。如图下面我们一个一个来解释。像素密度A.定义326ppi代表的就是像素密度(pixelsperinch),指的是每英寸的长度上排列的像素点数量。a.屏幕分辨率首先1334x750，代表的是屏幕分辨率，也就是说iPhone6s的屏幕是由纵向像素1334*横向像素750个像素点组成。单位pixel。b.物理尺寸如图
·2021-02-01 11:23

svg入门 第一节

viewport和viewBoxpreserveAspectRatioMid，Min，Maxmeet，slicedemo案例什么是SVG？
养只猫·2021-01-31 10:07

移动端web开发

开发一、移动web开发基础移动端调试方法ChromeDevTools(谷歌浏览器)的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问视口视口viewport
小黎爱吃薯片·2021-01-30 21:31

web前端开发面试题(八)

前端面试题第八天一、HTML部分1.1viewport常见设置定义：视口（viewport）是用户网页的可视区域，也可称之为视区。
Web_chicken·2021-01-28 19:08
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他