网页设计视口标签（网页标签设置）
本文目录一览：
css3中vh和vw是什么意思
1、css3有两个新单位，vw和vh，vw表示占用父元素宽度的百分比，vh表示父元素高度的百分比，如20vw表示元素宽度为父元素宽度的百分之二十，你设置宽度和高度都为20vw，就能实现正方形的效果。
2、vh： 相对于视窗的高度， 视窗被均分为100单位的vh；vw： 相对于视窗的宽度， 视窗被均分为100单位的vw；vmax： 相对于视窗的宽度或高度中较大的那个。
3、先抄一下网上对vh和vw的解释：vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度。
利用axure进行响应式自适应网站的设计
1、产品经理利用axure设计原型。 原型讨论定型后由UI人员设计图标，更新到axure原型中。 由axure生成 自适应的响应式网站 设计的html文件。
2、双击打开AxureRP8设计软件，在基本元件中拖曳一个矩形1到画布上。再次在基本元件里拖曳两个按钮到画布上，放在矩形框上方。再拖曳一个占位符到矩形框下方。
3、新建页面，名称自定，如“自适应”。 选择Project下的Adaptive View Sets...项。
前端屏幕缩放的核心是什么?
1、保证网页的适配性：不同用户的电脑屏幕分辨率和缩放比例可能不同，如果按照100%缩放比进行开发，可以保证网页在不同分辨率和缩放比例的屏幕上都能正确显示。
2、transform属性，transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。目前为止以下浏览器支持该属性：Safari1以上、Chrome8以上、Firefox4以上、Opera10。
3、前端信号进入电视主芯片以后，会先放在缓存中，此时仍是保存图像原始比例的，再经过画质和降噪处理以后，再根据当前屏的分辨率和用户选择的比例模式对画面进行缩放，再打包信号发送给屏显示出来。
最流行的四种移动端布局方式,看这一篇文章就够了
流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。
手风琴布局 优点 两级结构可承载较多信息，同时保持界面简洁；减少界面跳转，提高操作效率高。缺点 同时打开多个手风琴菜单，分类标题不易寻找，且容易将页面布局打乱。场景 适用于两级结构的内容，并且二级结构可以隐藏。
面板独占一列空间，整个界面显得比较拥挤。手风琴式 这种方式也有人称为“行为扩展式”。它是在当前界面点击一级信息，展开二级信息的方式，点击时再展开，再点击可缩回，有点类似手风琴缩展的动作。
静态布局 给页面元素设置固定的宽度和高度，单位用px。窗口发生变化时，会出现滚动条，内容会被遮挡。优点：简单方便，不存在兼容问题。缺点：网页无法根据用户设备屏幕的宽度进行自适应。流式布局 也叫100%布局。
网站标签设计
1、设计一个属于自己的图标：你可以将您的网站的Logo做成一个缩图，或者另外设计一个别具特色的图案来作为图标。然后将这个图标文件命名为favicon.ico。
2、打开该网页后，在上方找到打开的网页，右键单击该网页调出功能框。在新弹出的功能框页面找到添加到收藏夹选项，点击选择该选项进入到添加页面中。在新弹出的添加页面找到添加选项，点击选择该选项进行标签添加设置。
3、Title（网站标题）标签 标题字数要控制在35个字符以内，35字符以后的字会用省略号代替，不能全部显现；标题中核心关键词难度最大的放到前面，例如SEO教程——重庆SEO技术中心；这样便于搜索引擎更好的抓取和记忆。
