苹果网页设计像素（苹果网页设计软件）
本文目录一览：
前端-设备像素比和viewport
1、设备像素 （device pixels）也叫做 设备物理像素 是一个具体可测量的物理单位。CSS 像素是与设备无关的像素，这一类像素也叫做 独立设备像素 （Device-independent pixel），它们是应用程序的抽象单位。
2、这里需要理解一下基础概念： 设备像素 （device pixel）， CSS 像素 （css pixel）以及 设备像素比 （device pixel ratio）。
3、前端屏幕缩放的核心是CSS的viewport属性。viewport是指网页的可视区域，它决定了网页在屏幕上显示的大小。通过设置viewport的属性，可以实现屏幕缩放的效果。具体来说，viewport的两个重要属性是width和initial-scale。
4、然而，按照以上的物理像素比，对于一张50px * 50px 的图片，在手机打开时就会放大倍数，这将会造成图片模糊。在标准的viewport设置中，使用多倍图来提高图片质量，解决高清设备中的模糊问题。通常采用的是二倍图。
5、移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，viewport不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。
6、设备像素比 （Device Pixel Ratio， DPR ）：其实指的是 window.devicePixelRatio ， 被所有WebKit浏览器以及Opera所支持，一个设备的物理像素与逻辑像素之比。
网页里面的px和分辨率什么关系
1、像素和分辨率的关系？像素等于分辨率乘上尺寸，像素越高尺寸越小，图片分辨率也就越高，图像的分辨率越高看起来也越清晰。分辨率与像素是两个不同的概念，又有一定的联系和相关性。像素即px，是屏幕中最小的点。
2、也就是说，在这种情况下，1000px约＝43cm，即1px＝0.4mm。
3、分辨率和像素之间有关联，比如满足某种图像分辨率就需要多少像素，但属性不一样。像素是构成图像的最小单位，也是屏幕上显示的最小单位。而4分辨率是图像上水平和垂直呈现的像素数。
4、px是分辨率的单位，是英语单词pixel的缩写，意为像素。像素是指在由一个数字序列表示的图像中的一个最小单位，称为像素。像素是分辨率的单位，分辨率越高，那么显示效果就越精细和细腻。
5、分辨率1920*1080表示在显示上，长为1920个像素点，宽为1080个像素点。显示分辨率（屏幕分辨率）是屏幕图像的精密度，是指显示器所能显示的像素有多少。px是324毫米，1080p，是分辨率1920×1080的像素，即200万像素。
6、px是pixel缩写，是基于像素的单位（屏幕上显示数据的最基本的点）。用像素定义的的文字、图片等会随屏幕的分辨率变化而变化。如果在定义字体大小时，使用px作为单位，分辨率调高，实际看到的文字就变“小”。
网页设计字体设计规范
1、字体种类不要超过三种在单个页面中，不要使用超过三种以上的字体。这样可以使页面看起来更加整洁，避免字体混乱的情况出现。字体大小不要过大在网页设计中，不要用太大的字体。
2、最佳易读性规范 行宽 传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。
3、练习汉字美术字的基本笔画笔画，掌握各笔画的规范写法。如点、横、竖、撇、捺，横折勾，等等，都是有固定的写法的。
4、一）网页宽度及高度 建画布一般1920px*1080px（高度建议可自定）建议视觉中心网站宽度1000px以内，推荐尺寸960px，如果超出1000px，推荐尺寸1200px。
