摘要:
1、物理像素 设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的。 2、逻辑像素 CSS像素,viewport中的一个小方格,CSS样式代码中使用的是逻辑像素。如果在一个设备中,物理像素与逻辑像素相等,将不会产生任何问题。但是,在iphone 4 阅读全文
摘要:
本人在开发项目中遇到的问题,在项目进入到测试阶段的时候,苹果端手机上的页面滑不到底部(底部固定有导航栏),也就是我们常说的margin-bottom或者padding-bottom失效了,这可蛋疼了。经过几次实验,我发现自己在body内的容器所写的margin-bottom没有起到一点效果,苹果机上 阅读全文
摘要:
这个问题,是在给商城网站底部footer设置margin属性的时候发现的,先把出现问题的截图发出来看一下 安卓手机,打开正常 iphone6 p 打开出现的问题(无视margin-bottom:60px) 当然,在google浏览器移动端测试iphone6p,打开的也是没问题的(这说明什么问 阅读全文
摘要:
在清除浮动前我们要了解两个重要的定义: 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮动后,父元素会发生高度塌陷) 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了,这时候我 阅读全文
摘要:
var baseWidth=414,scale=screen.width/baseWidth,viewport='<meta name="viewport" content="width='+baseWidth+", initial-scale="+scale+", maximum-scale="+ 阅读全文
摘要:
最近一直在看vue,查了很多资料,看了很多文档和博客,大概半知半解了,然后利用所理解的知识写了一个简单的搜索匹配功能。 大概长这个样子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue测试2</title> <scrip 阅读全文
摘要:
先上效果 js: 样式: 阅读全文
摘要:
实现全选单选,在vue中无法通过this获取input中的checkbox的checked属性,但是可以通过vue对input的特殊方式v-model来实现对应数据的绑定,同样也可以通过这种方式实现购物车全选,单选的效果。 大体内容如下: 主要是通过checkbox以及v-if v-else实现内容 阅读全文
摘要:
const router = new VueRouter({ mode: 'history', routes: [ { path: '/first', component: firstView, meta: { navShow: true, cname: '一级页面' }, name: 'first 阅读全文
摘要:
移动端高清、多屏适配方案 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 首先,选取一款手机的屏幕宽高作为基准(以前是ipho 阅读全文