码迷,mamicode.com
首页 >  
搜索关键字:html5+css3 媒体查询 响应式设计    ( 1538个结果
window.print()实现局部打印功能
使用css3 的媒体查询功能 @media print{ .header,.left { display:none !important; } } .header,.left这些class的元素还是会在页面上,但不会出现在打印的预览里。这样调用window.print()时就可以实现局部打印了。不过 ...
分类:Windows程序   时间:2020-05-28 16:21:07    阅读次数:100
这些例子感觉很实用,希望对你也有帮助
html5 css3圆形波浪加载动画特效点击》html5 css3圆形波浪加载动画特效html5基于css3属性制作圆形容器波浪滚动上升加载动画效果代码。移动端企业工商服务网站模板https://www.mk2048.com/demo/demo_target_desc.php?id=hacicabc ...
分类:其他好文   时间:2020-05-26 20:35:53    阅读次数:75
Vue与UIKit集成
UIkit是YOOtheme团队开发的一款轻量级、模块化的前端框架,可快速构建强大的前端web界面。UIKit使用的变量基于LESS,具有体积小、模块化、可轻松地自定义主题及响应式设计可在多种环境中使用等特点。UIkit中文网为广大国内开发者提供详尽的中文文档、代码实例等,帮助开发者快速掌握并使用这 ...
分类:其他好文   时间:2020-05-25 12:32:52    阅读次数:63
html5、css3、BootStrap
1、HTML5 html5是最新版本的HTML,是在原来的html4的基础上增强了一些标签 优点:html5增加了像画板、声音、视频、web存储等高级功能 缺点:太强调语义,导致开发中不知道要选择哪一个标签 在做页面布局的时候,无论是头部、主题、导航等模块都是使用div来表示,但是html5的规范, ...
分类:Web程序   时间:2020-05-23 21:53:36    阅读次数:80
移动web开发之媒体查询
媒体查询:针对不同的媒体类型定义不同的样式! 常见的媒体类型 1.screen:用于电脑屏幕,平板电脑,智能手机 2.speech:应用于屏幕阅读器等发声设备 3.all:用于所有设备 常见的媒体功能 1.max-width:定义输出设备中网页最大的可见区域宽度 2.min-width:定义输出设备 ...
分类:移动开发   时间:2020-05-22 21:13:38    阅读次数:79
HTML5音乐播放器
“你的问题主要是读书不多而想得太多” 我就是这种不读书、没干货,遇到问题缺少实践的人~十分羡慕那些会写博客的人,就我来说,写一遍文章简直要比女人生孩子还要难受,半天憋不出一个字~哎,无奈肚子里没有墨水。罢了,直接入主题。 最近为了体验移动端开发做个了在线播放器,其实就是加了个媒体查询~,这是demo ...
分类:Web程序   时间:2020-05-22 09:53:44    阅读次数:74
Bootstrap 图片
在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图片圆角。 .img-circle:添加 border-radius:50% 来让整个图片变成圆形。 ...
分类:其他好文   时间:2020-05-16 11:01:29    阅读次数:79
Bootstrap 环境安装
Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap,讨论 Bootstrap 文件结构,并通过一个实例演示它的用法。 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将 ...
分类:其他好文   时间:2020-05-16 10:45:36    阅读次数:57
这些前端响应式布局作为前端人员必须掌握
概念 Responsive design,意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 步骤 1. 设置 Meta 标签 大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率,可以使用视图的meta标 ...
分类:其他好文   时间:2020-05-14 22:20:28    阅读次数:89
移动端布局1:媒体查询结合rem实现移动端布局
第一步:先写好重置的样式。直接复制粘贴即可 @media all and (max-width: 320px){ html{ font-size: 12px; } } @media all and (min-width: 321px) and (max-width: 375px){ html{ fo ...
分类:移动开发   时间:2020-05-14 10:41:54    阅读次数:90
1538条   上一页 1 2 3 4 5 6 ... 154 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!