viewport

【Vuejs】845- Vuejs开发移动端经验总结

通过meta标签对viewport的设置，定义了页面的缩放比例；要了解这些参数的意义，我们需要先知道几个视口宽度的意义。
·2021-01-26 19:27

【Vuejs】845- Vuejs开发移动端经验总结

通过meta标签对viewport的设置，定义了页面的缩放比例；要了解这些参数的意义，我们需要先知道几个视口宽度的意义。
·2021-01-26 19:57

移动端动态设置viewport引起的大段文字字号变大

移动端动态设置viewport引起的大段文字字号变大移动端动态设置viewport引起的大段文字字号变大的原因并不是什么bug，而是Webkit给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较大
I'm fine :)·2021-01-25 16:34

移动端适配方案，同时把px转成vw

开发项目时，按照设计稿开发，上传项目时，借助该插件，快速进行适配1.在项目中安装postcss-px-to-viewport插件npminstallpostcss-px-to-viewport--sava-dev2
玄鱼殇·2021-01-21 12:56

VUE使用 postcss-px-to-viewport 适配移动端布局px自动转换vw

安装使用npm安装$npminstallpostcss-px-to-viewport--save-dev或者使用yarn进行安装$yarnadd-Dpostcss-px-to-viewport在postcss.config.js
Iterate·2021-01-20 23:57

viewport-fit 报错

在iOS10上报错：Viewportargumentkey"viewport-fit"notrecognizedandignored.原因：iPhoneX机型，对于它的“刘海儿”和底部HomeIndicator
时倾·2021-01-20 12:12

viewport-fit 报错

在iOS10上报错：Viewportargumentkey"viewport-fit"notrecognizedandignored.原因：iPhoneX机型，对于它的“刘海儿”和底部HomeIndicator
时倾·2021-01-19 00:10

2018-2020前端面试题合集

2018-2020年web前端面试题整理成PDF文档，内容主要包括有html、css、JavaScript、DOM、HTTP、Vue、等等2018面试题：Html1，html语义化2，metaviewport
前端萧萧·2021-01-17 20:44

前端基础知识

metaviewport是做什么的viewport表示独立设备，device-width表示独立设备的像素宽度，initial-scale表示页面初始缩放比例，maximum表示页面放大比例，minimum
Xie666-byte·2021-01-16 12:24

计算机图形学-Rasterization

Rasterization:将投影到屏幕像素Viewporttransformmatrix(视口变换矩阵)：和为屏幕宽高视口变换后的图形显示在屏幕屏幕上直接计算周围像素中心是否在三角形内。
xShokan·2021-01-15 16:59

描述cookie隔离的好处_104道 CSS 面试题，助你查漏补缺（下）

CavsZhouyouhttps://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md目录52.layoutviewport
张北晨·2021-01-14 16:33

2018-2020前端面试题合集

2018-2020年web前端面试题整理成PDF文档，内容主要包括有html、css、JavaScript、DOM、HTTP、Vue、等等2018面试题：Html1，html语义化2，metaviewport
前端萧萧·2021-01-14 14:04

SVG之ViewBox

目前看到Chapter4，有必要先停下来整理下viewport这个知识点，个人感觉挺关键的。viewBox用来干嘛？
梦梦她爹·2021-01-14 02:53

CSS常见问题

1.适配iPhoneX全屏viewport-fit,它有三个可选值：contain:可视窗口完全包含网页内容cover:网页内容完全覆盖可视窗口auto:同contain的作用2.边框设置0.5px.box
suyue·2021-01-12 15:05

vue开发小技巧合集

移动端适配方案viewport插件选择postcss-px-to-viewport配置//安装插件npmipostcss-px-to-viewport-D//根目录新建.postcssrc.js//文件内容
南麟剑首·2021-01-12 14:16

vue项目实现移动端自适应

通过引用插件可以实现一套像素适应不同的移动端，而开发人员只需要根据原型提供的标注来设置尺寸即可1.安装依赖npmi-Samfe-flexiblepostcss-px2rem//lib-flexible已废弃2.index.html添加viewport
麻麻咧咧·2021-01-11 10:08

iphoneX的适配问题

iphoneX以及以上全面屏手机，上面有个刘海，下面有一条黑线，所以会出现两种情况：页面全覆盖viewport-fit=cover，刘海和黑线挡住了部分页面页面自适应viewport-fit:contain
yingmhd·2021-01-06 19:38

CSS学习笔记

HTML常见元素和理解head中的元素指定字符集metaname="viewport"content="..."
JarryChung·2021-01-04 10:12

常用meta整理

https://segmentfault.com/a/1190000021456648作者：Fw恶龙本文首发于：思否1.SEO优化页面关键字页面描述搜索引擎索引方式页面重定向和刷新定义网页作者2.移动设备viewport0
Fw恶龙·2021-01-01 18:30

我的前端自学之路2020/12/30移动端

常见移动端屏幕尺寸以及dpr视口viewport就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口。
gh100330·2020-12-30 18:55

移动布局基础之 流式布局

使用外网服务器，直接IP域名访问移动端浏览器我们主要对webkit内核进行兼容我们现在开发的移动端主要针对手机开发现在移动端碎片化比较严重，分辨率和屏幕大小尺寸不一学会用谷歌浏览器模拟手机页面以及调试视口viewport
刘–铁柱·2020-12-30 13:01

使用 CSS Viewport 单位快速布局！

CSSViewportunits(视口单位)在过去几年已经出现了，随着时间的推移，越来越多的开发人
前端小智·2020-12-28 12:34

web前端全栈0基础到精通（祺）16

vw+vhvw即Viewport’swidth的简写，是CSS3规范中的视口单位，相对于视口的宽度，视口被均分为100单位的vw,相对于视口的高度，视口被均分为100单位的vh。
Midk·2020-12-28 12:59

使用 CSS Viewport 单位快速布局！

CSSViewportunits(视口单位)在过去几年已经出现了，随着时间的推移，越来越多的开发人
前端小智·2020-12-28 11:05

web前端全栈0基础到精通（祺）15

viewportwidth:设置viewport的宽度（即之前所提及到的，浏览器
Midk·2020-12-26 00:15

day18 移动端

1.移动端1)meta标签：布局视口(viewport)：css作用的视口，默认值宽为980px可视视口：设备宽度所对应的范围完美视口:布局视口=可视视口initial-scale(初始缩放比例)1不缩放
shasha·2020-12-24 04:35

day18 移动端

1.移动端1)meta标签：布局视口(viewport)：css作用的视口，默认值宽为980px可视视口：设备宽度所对应的范围完美视口:布局视口=可视视口initial-scale(初始缩放比例)1不缩放
shasha·2020-12-24 04:28

vue 图片自适应排列插件_vue移动端自适应插件postcss-px-to-viewport

安装：npminstallpostcss-px-to-viewport--save安装完成后在vue根目录下找到".postcssrc.js"文件，添加下面的配置："postcss-px-to-viewport
饮食伙计·2020-12-23 02:49

vscode怎么自动将px转换成vw_Vue开发中的移动端适配（px转换成vw）

)postcss-importpostcss-urlcssnano-preset-advanced-S(开发、运行都依赖)postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextcssnanopostcss-view
weixin_39891694·2020-12-22 01:39

如何解决`position:fixed`固定定位偏移问题

问题css固定定位position:fixed很容易使用，就是相对浏览器的viewport进行定位，top:0;left:0就是在左上角。.
egoistme·2020-12-21 11:28

移动端基础知识

3、移动端的调试方法4、视口（重点）布局视口（layoutviewport）视觉视口（visualviewport）理想视口（idealviewport）5、meta标签（重点）``视口标签的作用语法格式属性说明标准的视口
w.rogue·2020-12-20 17:03

2018-2020年web前端面试题合集

2018-2020年web前端面试题整理成PDF文档，共83页，内容主要包括有html、css、JavaScript、DOM、HTTP、Vue等等2018面试题：Html1，html语义化2，metaviewport
QIANDXX·2020-12-18 16:54

父元素中有transform, perspective 或 filter时，fixed子元素如何呈现

之前认为设置fixed的元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。
Kinghiee·2020-12-06 09:33

h5移动端适配(px-＞vw/vh)

vw适配1.browserslistrc文件删除notdead2.安装依赖cnpmi-Spostcss-px-to-viewport3.根目录下创建postcss.config.js文件配置如下:module.exports
赵啸林·2020-12-05 22:57

移动端自适应方案

1.背景知识首先是看几篇文章，了解viewportscaledpr图片的显示精度问题一像素显示问题，缩放导致的像素适应问题移动端的自适应问题http://www.cnblogs.com/520yan..
传播正能量·2020-11-30 10:42

解决移动端适配方法总结

2.百分比3.用框架搭建页面4.viewport适配4.1优点：1）避免复杂的计算，直接使用UI的标准像素值4.2缺点：2）不能使用met
学学学无止境·2020-11-28 10:59

浅谈移动端的viewport

viewport是移动互联网的产物，iphone3gs上市后，超大的屏幕，加上2008普及3G网络，为移动互联网发展提供了有利条件。
花明·2020-11-23 21:49

vue 移动端 使用postcssrc.js 并配置文件

说明：vue移动端的项目，我们的尺寸是按照了苹果手机的尺寸，大屏的828使用：首先是在vue项目npmipostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnano
那年·2020-11-20 10:27

如何基于viewport vm适配移动端页面

Flexible方案通过Hack手段来根据设备的dpr值相应改变标签中viewport的值，给我更贴切的体会就是通过js脚本根据设备的dpr和设计图的宽度来计算出html的font-size值，然后就运用
·2020-11-19 11:11

2021-前端高频面试题整理-HTML篇（持续更新）

文章目录语义化标签浏览器内核metaviewport是做什么的href和src的区别title属性和alt属性的区别cookiesessionStorage和localstorage区别整理的同时自己也复习一下
楠丶·2020-11-18 13:36

前端学习资源整理

Mozilla开发者网络SEO：前端开发中的SEOcss张鑫旭：张鑫旭的博客css精灵图：css精灵图实践栅格系统：详解CSS中的栅格系统媒体查询：css媒体查询用法rem布局：手机端页面自适应布局移动前端开发之viewport
尹光耀·2020-11-13 17:20

2020最新Web前端经典面试题及答案

HTML篇1.你是怎么理解HTML语义化2.你用过哪些HTML5标签3.metaviewport是做什
前端飘哥·2020-11-13 11:05

初级前端知识点整合-HTML+网络部分

1.HTML优化：避免html中写css样式，难以维护；使用viewport加速页面渲染；使用语义化标签，减少css代码，增强可读性和SEO；优化DOM结构；避免空src、href等属性值，空的也会发起
rirmk·2020-11-13 10:58

移动端WEB开发1-移动端调试方法 / 视口 / 二倍图

分辨率盒屏幕尺寸大小不一移动端调试方法ChromeDevTools（谷歌浏览器）的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问视口视口(viewport
杨蛋蛋~R·2020-11-08 22:19

2020最新Web前端经典面试题及答案

HTML篇1.你是怎么理解HTML语义化2.你用过哪些HTML5标签3.metaviewport是做什
hugo233·2020-10-31 21:38

【转】[Unity基础]游戏中的数学

轴方向跟人眼向前看的方向相反)2.本地坐标系3.屏幕坐标系：左下为原点，右上为屏幕宽高4.界面坐标系：左上为原点，右下为屏幕宽高(unity自带的gui使用的就是这个)5.视口坐标系：Camera组件的ViewportRect6
小小小小小丶敏·2020-10-11 10:57

[分享] 移动端布局多种实现方式

04:03tags:csscategories:教程author:"JiaWei"对比总结一下热门的解决方案通过媒体查询的方式即CSS3的@media天猫首页使用的flex弹性布局淘宝首页使用的rem+viewport
是ADI呀·2020-10-10 12:13

HTTP请求的TCP瓶颈分析

带宽逻辑或物理通信路径最大的吞吐量viewport-index延迟的因素传播延迟（速度延迟）消息从发送端到接收端需要的时间（不超过光速）传输延迟（带宽/窗口
陈涛_滴滴·2020-10-10 02:04

项目设计与原理分析

自适应基本概念CSS像素、设备像素、逻辑像素、设备像素比viewport:layoutviewport=visualviewportrem工作原理利用viewport和设备像素比调整基准像素利用pxto
Miss_麦兜·2020-10-10 01:52

Vue开发去哪儿网App学习笔记（四）项目初始化

知识补充：viewport是html5新增的viewport具体用法为：使用该meta标签时，在content
张小shou·2020-10-09 16:54
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他