本文目录一览：
- 1、...关键字是匹配设备的物理屏幕还是浏览器的viewport
- 2、3DMAX里VIEWPORT显示的物体表面有很多碎片,怎么解决.
- 3、OpenGL之Viewport
- 4、html的meat标签,中,content属性的作用
- 5、postcss-px-to-viewport
- 6、手机端怎么通过js设置viewport
...关键字是匹配设备的物理屏幕还是浏览器的viewport
1、移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，viewport不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。
2、name=”viewport”说明：在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 user-scalable=no 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。
3、浏览器中的 **viewport **和 区域相同，可以看作是 上层的包含块。在大多数移动设备中，浏览器是全屏的，所以 viewport 是整个屏幕的大小。
4、viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为0，即网页初始大小占屏幕面积的100%。-viewport
3DMAX里VIEWPORT显示的物体表面有很多碎片,怎么解决.
1、是显示驱动的事情，使用OpenGL可以解决：组合快捷键【alt+U】，再点【P】，在【Preference首选项】对话框里，点【视口Viewports】选项卡。在最底部点【选择驱动程序Choose Driver】，在对话框中单选【OpenGL】。-viewport
2、打开3Dmax，点击菜单栏中的渲染，选择渲染设置。在弹出渲染设置窗口中选择Image sampler，设置类型，并对最小上色比率和渲染遮罩进行相应的设置。勾选下方的开启，选择过滤器类型，调整大小。-viewport
3、获得高分辨图片，菜单栏-渲染-打印大小助手-设置分辨率和大小。通过设置渲染参数解决锯齿问题。
4、或者你根据这个原理可以解决你大部分的问题。记住：黑色透明，白色不透明，灰色半透明，根据这个来做你的不透明贴图。用vray混合材质，基础材质做陶瓷。镀膜材质做贴图。
5、模型里面有默认材质，导入模型时候不小心造成的，把它换成VRAY材质就行了。材质细分不够，建议把材质细分提高。取消光子图卷展栏里的显示采样。
6、一般来说，3dsmax渲染完产生白色斑点，主要是由于灯光细分设置得太低引起的。vray灯光模拟室外灯光或者最为其他主光时，由于默认灯光细分是8，很容易产生白色斑点，建议提高灯光细分数值设置，但同时渲染时间也会延长。-viewport
OpenGL之Viewport
glViewport是OpenGL中的一个函数。计算机图形学中，在屏幕上打开窗口的任务是由窗口系统，而不是OpenGL负责的。
是设置不正确。是viewport设置不正确看不到图，解决方法：尝试在openglapi每一步后调用glGetError，opengl抛出的渲染错误。
在显示器的屏幕窗口上定义一个对齐的矩形的视口，OpenGL会自动建立 世界窗口 和 视口 的变换（包括缩放和平移）。
html的meat标签,中,content属性的作用
1、meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的head与/head中，meta 标签的用处很多。meta 的属性有两种：name和http- equiv。
2、name属性name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。meta标签的name属性语法格式是：＜meta name=参数 content=具体的参数值＞ 。-viewport
3、name属性name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。meat标签的name属性语法格式是：＜meta name=参数 content=具体的参数值＞。-viewport
postcss-px-to-viewport
毕竟用一个库总比用两个方便，而且人家库作者都这么说了，便安装postcss-px-to-viewport，中间踏了点webpack的坑，但是postcss-px-to-viewport正常工作后效果拔群，一步完成适配，也不用去想@media and screen了。-viewport
step vue安装postcss-px-to-viewport插件。
vuevw+rem方案引入的步骤如下：安装postcss-px-to-viewport插件，在Vue项目中使用vw+rem方案，需要通过postcss-px-to-viewport插件将px单位转换为vw或rem单位。可以使用npm或yarn等工具进行安装。-viewport
名字全称是POSTCSS插件。一款 PostCSS 插件，将 px 转换成 vw 和 rem。该插件主要结合了 postcss-pxtorem 和 postcss-px-to-viewport 的功能，精简了不常用的配置。默认将 vw 作为优先单位使用，以 rem 作为回退模式。-viewport
手机端怎么通过js设置viewport
当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。-viewport
手机页面的实现，宽度一定是要用百分比的。至于高度自己酌情来设定，全屏的话用100%，不论任何大小屏幕的手机打开都是全屏的。PS：如果是触屏手机，里面加上，可以防止双击屏幕的时候页面放大问题。
首先，在网页代码的头部，加入一行viewport元标签。
viewport 简单粗暴的方式： 直接设置viewport为320px的3倍，将页面放大3倍。
一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。
--！-- windows phone。点击无高光 --！-- 适应移动端end --设置横屏应用得在config里面设置。
