移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗...
转载
2015-04-09 09:05:00
122阅读
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height：和 width 相对应，指定高度。initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-
转载
2013-11-11 19:21:00
41阅读
2评论
<meta name="viewport" content="width=device-width, initial-scale=1"> layout viewport(布局视口)、visual viewport(视觉视口)、ideal viewport(理想视口) ...
转载
2021-10-22 15:46:00
55阅读
2评论
PX的知识点： 在PC端中物理像素PX和CSS的像素是一模一样的， 桌面的1px就是c
原创
2023-01-13 15:41:39
77阅读
相关知识点：如果把移动设备上浏览器的可视区域设为viewport的话，某些网站就会因为viewport太窄而显示错乱，所以这些浏览器就决定默认情况下把viewport设为一个较宽的值，比如980px，这样的话即使是那些为桌面设计的网站也能在移动浏览器上正常显示了。ppk把这个浏览器默认的viewport叫做layout viewport。layou
原创
2022-04-28 13:04:59
4648阅读
port 为某个具体的数值时，可能会造成我们的应用页面显示变形。在 APICloud ...
原创
2023-03-15 00:03:21
53阅读
The Viewport and the WindowThe mapping mode defines how Windows maps logical coordinates that are
specified in GDI functions to device coordinates, where the particular device
coordinate system depe
转载
精选
2014-08-23 11:01:54
400阅读
针对viewport与移动设备dpi做出一些解释，更好的去理解设备分辨率，dpi相关的问题，避免重复走坑。
原创
精选
2014-10-15 20:40:57
1084阅读
装箱问题（ＢＰＰ）：给定一个由刀个实数组成的数列Ｌ＝｛Ｗ１，Ｗ２，…，Ｗ。｝， 这里称Ｗ，∈（０，１】为物件ｆ的尺寸，问题是将每一个物件分配给一个箱使得在每一 个箱中的物件尺寸总和不超过１，且使所使用的箱的数量最小。至二十世纪７０年代以来，对于该问题人们给出了许多启发式算法。其中最为 人知的有
原创
2021-10-08 14:36:15
820阅读
一。分类（三种）layout viewport ：那些为桌面设计的网站也能在移动浏览器上正常显示的宽度（这是浏览器的一个默认值）visual viewport ：浏览器可视区域的大
原创
2022-09-13 12:27:29
94阅读
/** * 设置自动随屏幕大小自动调整大小 */ Ext.EventManager.onWindowResize(function() { if (viewport != null) { viewport.setWidth(document.body.clientWidth); viewport.setHeight(document.body.clientHeight); } });
转载
2013-04-22 17:14:00
133阅读
2评论
装箱问题（ＢＰＰ）：给定一个由刀个实数组成的数列Ｌ＝｛Ｗ１，Ｗ２，…，Ｗ。｝， 这里称Ｗ，∈（０，１】为物件ｆ的尺寸，问题是将每一个物件分配给一个箱使得在每一 个箱中的物件尺寸总和不超过１，且使所使用的箱的数量最小。至二十世纪７０年代以来，对于该问题人们给出了许多启发式算法。
原创
2022-02-11 10:48:39
971阅读
在使用PCA和NFC中有三个函数fit，fit_transform，transform区分不清各自的功能。通过测试，勉强了解各自的不同，在这里做一些笔记。1.fit_transform是fit和transform的混合，相当于先调用fit再调用transform。2.transform函数必须在fit函数之后调用否则会报错, (transform变换的是fit后的数据)tranform
转载
2024-06-04 22:52:18
65阅读
虽然网上都说slim效率很高，无奈找不到支持python的方法，继续用pyfit 1 Column Fixture
特点：行表格展现形式，一条测试用例对应一行数据Wiki
!define COMMAND_PATTERN {python "%m" %p}
!define TEST_RUNNER {C:\Python27\PyFIT-0.8a2\fit\FitServer.py}
!path E:\
转载
2023-11-17 20:07:02
78阅读
移动设备上的浏览器如果不指明 viewport 这个meta，当你从移动设备上浏览网页的时候，它假设（你浏览的是桌面版并且你想看到所有的内容），不只是一个左上角。因此，它会把viewport的宽度设置为980px，然后把所有内容缩小硬塞进小的显示屏里。
转载
2017-05-16 16:44:00
141阅读
2评论
h 1<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 1、w
原创
2023-05-10 18:05:49
177阅读
viewport 理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设 ...
转载
2021-05-27 08:31:00
114阅读
2评论
# viewport 设置ios
## 简介
在移动端开发中，我们常常需要对网页进行适配以适应不同的设备和屏幕尺寸。而在iOS设备上，我们可以通过设置`viewport`来控制网页的显示效果。
`viewport`是一个虚拟的可视区域，它决定了网页在设备上的可视范围。通过设置`viewport`，我们可以控制网页的缩放比例、布局方式等，以适应不同的屏幕尺寸。
## 设置 viewport
原创
2024-01-08 08:07:56
132阅读
视口视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口，视觉视口和理想视口布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的pc页面在手机上显示的问题；iOS，Android基本都将这个视口分辨率设置为980px，所以PC上网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手机缩放网页视觉视口 visual
## 实现"fit python"的流程
下面是实现"fit python"的流程图：
```mermaid
gantt
dateFormat YYYY-MM-DD
title 实现"fit python"的流程
section 准备工作
定义需求 :done, 2022-10-01, 1d
学习Python基础知识
原创
2023-08-27 10:44:30
62阅读
