最新内容

大神教你用FDM 3D打印机制作经济实惠的柔性电路板

近几年,3D打印使得电路板制造变得更方便、更便宜。几个月前,甚至出现了Squink电路板3D打印机,而且还是便携式的。柔性电路板非常适合小型和特别的项目,但价格仍居高不下。然而,Instructables网站的用户Mikey77完成了一个很棒的项目,可改变这一现状。他在网上发布了3D打印电路板的教程,适用任何一款FDM(熔融沉积成型)打印机。照着教程,你可以 …

前端布局 前端布局方式

一、自适应自适应布局的特点是分别为不同的屏幕分辨率定义布局,即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态局部(页面元素位置发生改变),但在每个静态布局中,页面元素不随窗口大小的调整发生变化。可以把自适应布局看作是静态布局的一个系列。「方法:」使用flex布局使用百分比避免写死宽高添加滚动条使用rem...二、响应式 …

kpnav跨屏网址导航主题模板 发布上线

跨屏建站平台发布 kpnav跨屏网址导航主题模板,专为导航设计的主题模板,灵感来源于设计师导航,分享一些有用网站的链接,可创建自己的分享链接导航网址,适配电脑、平板、手机等,适用于各种集合类、网址类、导航类网站。演示地址:http:kpnav.kuaping.com功能支持网址分类,添加网址,网址推荐,添加网址缩略图、标题、描述等,支持文章发布、文章分类,文 …

F12-开发者工具常用操作与使用说明

前端开发离不开浏览器 | 前端调试离不开控制台我要开始写代码了→想看一下效果→打开浏览器→不满意或者出问题了→想要调试一下→打开控制台→主角出场 ↓↓↓嗯~没错!就是这些。(Tips:打开方式主要有F12、ctrl+shift+i、右键检查、手动点击工具栏)我们日常开发过程中经常会遇到不容易理解的行为出现,这个时候我们就要打开控制台(即开发者工具)来排查或解 …

「干货」移动端Web页面适配 移动端网页设计规范

一、什么是移动端适配移动端 Web 页面,就是常说的手机 h5页面、webview页面、公众号开发的网页等。由于手机机型较多,各个手机的屏幕尺寸不一样,所以做移动端页面,需要考虑在安卓和ios的各种尺寸设备的兼容问题,我们要做的 web 页面适配,就是为了在不同设备上,页面能够保持统一展示效果,或等比缩放。二、移动适配方案常见的移动适配方案有以下几种:vie …

新手必看 | 一学就会!原来web网页布局是这样的……

网页设计中的布局一般分为前端视角和设计视角。其中,前端视角主要是指实现页面的各种CSS布局方式,分别为:静态布局、流式布局、响应式布局、弹性布局和Flex布局。除了静态布局,其他都能实现在不同分辨率下页面的自适应,来给用户最佳的视觉呈现。今天,就给大家讲讲前端网页设计中的静态布局和流式布局。静态布局概念静态布局是最简单的一种布局方式,网页上的所有元素的尺寸一 …

网页的5种布局,你掌握了吗? 网页布局有哪几种方法?

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https:blog.csdn.netqq_38557202articledetails102750512一、静态布局设计:布局元素居中布局,设置width固定宽度。二、流式布局设计:布局元素宽度使用百分比并使用min-width或max-wid …

对flex-grow和flex-shrink的深入理解

flex弹性布局,如果子元素宽度之和大于或者小于父元素宽度,空间就会存在剩余和不够,flex默认不换行,除非设置flex-wrap,那么这种情况下,有两个重要的属性,flex-grow和flex-shrink.flex-grow默认值为0,用于子元素的宽度之和小于父元素的宽度时分配剩余空间,假如父元素宽度为1000,三个子元素,div1宽度200,div2宽 …

原子拖拽式可视化设计器之Web前端Flex布局可视化设计与学习

hi,朋友,您来啦。带上小板凳,我们一起瞅一瞅今天的话题。前言Flex弹性布局是目前Web开发领域,广泛应用且备受欢迎的一种布局技术。它以其卓越的灵活性和便捷性,极大地赋能了Web开发者,使得他们,在进行页面或组件的UI布局设计时,能够更加游刃有余,极大地提升了,布局设计的效率和自由度。Flex是什么?Flex布局,也称为弹性布局,其核心原理,是将容器内的元 …