最近在看响应式网站的开发视频,其中有一部分非常有用,就是在多个设备上进行网页调试,通过使用browser-sync来实现,具体的步骤可以参照官网(http://www.browsersync.cn/) 按照步骤操作就可以了,当然电脑必须安装了node.js,在这里我主要说一下我遇到的问题,就是在调试 ...
分类:
Web程序 时间:
2018-01-03 13:51:34
阅读次数:
181
1、简介 1. HTML5 UI framework; 2. 专门用于RWD( responsive web design响应式网站)和app应用; 3. 适用所有移动设备,平板,桌面设备 4. 依赖jQuery 2、资源 "官网" "菜鸟教程" 3、page single 基本结构如下: 3.1 ...
分类:
Web程序 时间:
2017-12-07 15:06:00
阅读次数:
288
分手机端和PC端其实方法很多,我们在响应式设计、响应式网站建设中经常碰到此类需求。下面说说我们在项目中遇到的需求: 手机端和PC端分别加载不同的js客服代码(注意:是要在PC和手机端分别加载不同的js文件) 第一种方法(简单型): <script type="text/javascript"> // ...
分类:
移动开发 时间:
2017-11-14 11:29:19
阅读次数:
200
前 言 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。 作为一个前端程序员,响应式网站可以说使我们接触最早,也是最多的一类。BootS ...
分类:
其他好文 时间:
2017-10-08 21:23:27
阅读次数:
382
一:大多浏览器支持,低版本也没问题 我看点这方面的资料,是为了做手机应用网站(有三个方案,这个是备用方案),可以开发响应式网站,可以脱离开发平台进行跨平台。 在Html5网页中引入Modernizr,就能让IE支持HTML5新元素。 HTML5样板文件快速开发(html5boilerplate.co ...
分类:
Web程序 时间:
2017-09-26 19:31:19
阅读次数:
276
摘要:Bootstrap 为我们提供了一套响应式、移动设备优先的流式栅格系统,合理的使用栅格系统将会使得网站页面布局变得更加简单,在设置了媒体查询之后,响应式网站也无需再单独写了。接下来我以Bootstrap的中文官网首页为模板进行展示其栅格布局的使用方法以及相关知识点。相信在看完这篇文章之后,你完 ...
分类:
Web程序 时间:
2017-09-19 00:28:12
阅读次数:
273
本文由PHP100中文网编译HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码。如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计、跨浏览器兼容、相对轻量级等特点,这些框架在开发中都十分流行。如果你也对HTML5框架感兴趣,你可以看看下面我列出的一些最佳的响 ...
分类:
Web程序 时间:
2017-09-11 19:41:28
阅读次数:
198
技能储备:(响应式网站使用较多)1.background-size: cover;背景图自适应2.背景图上面带文字最新写法:就还是按照 背景图片 和文字这样写啊只不过这个背景图需要自适应background-size: cover;给框加个padding值,文字直接放里面就行了啊想要保证上下居中的话 ...
分类:
其他好文 时间:
2017-09-01 09:51:37
阅读次数:
144
最近几年随着响应式布局的发展,一次开发多次使用,自适应屏幕的响应式网站的需求越来越多。但是怎样使得网站能自适应屏幕呢?这里就需要提到一个css3里面新增的技术了-media媒体查询器。 那么什么是media媒体查询器呢? Media媒体查询器是CSS3新增的一个可以检测打开网站的终端的屏幕分辨率的技 ...
分类:
Web程序 时间:
2017-08-31 12:54:03
阅读次数:
260
今天说一下移动互联网的开发与响应式网站的一些东西。 【viewport基本知识】 1、1、width=device-width:设置viewport视口宽度等于设备宽度 2、initial-scale=1:网页默认缩放比为1(网页在手持设备上不会进行缩放) 3、minimum-scale=1:网页最 ...
分类:
移动开发 时间:
2017-08-20 16:51:49
阅读次数:
174