码迷,mamicode.com
首页 >  
搜索关键字:viewport    ( 1773个结果
JavaScript:属性的操作
一、属性的设置和获取 1、属性的设置和获取主要有两种方式: 运行结果: 2、两种方式的区别 运行结果: 二、属性的删除 看下面的例子: 运行结果: 三、判断属性是否存在 1、使用in运算符。如果属性存在返回true,属性不存在返回false,看下面的例子: 运行结果: 2、使用对象的hasOwnPr ...
分类:编程语言   时间:2018-10-20 22:14:25    阅读次数:14
前端页面的适配-如何使用rem换算
使用rem的原因 以前有些适配做法,通过js动态计算viewport的缩放值(initial-scale)。 以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推。 这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊。 Px是相对固定单位,字号大小直接被定死,所以用 ...
分类:其他好文   时间:2018-10-18 19:46:11    阅读次数:19
sticky
sticky position属性中最有意思的就是sticky了,设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。 ...
分类:其他好文   时间:2018-10-17 00:17:09    阅读次数:13
第二周(注册表单)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:其他好文   时间:2018-10-16 15:55:31    阅读次数:13
原生js获取到页面上所有的checkbox
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= ...
分类:Web程序   时间:2018-10-16 15:54:02    阅读次数:11
sixth week:third work
sticky:设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。 可以知道sticky属性有以下几个特点: 该元素并不 ...
分类:其他好文   时间:2018-10-16 13:36:25    阅读次数:12
js 定时器打字动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:Web程序   时间:2018-10-15 23:18:03    阅读次数:17
pc端页面在移动端显示问题
pc移动端适配 1、pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面有水 ...
分类:移动开发   时间:2018-10-15 18:24:32    阅读次数:26
jquery的分页
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ...
分类:Web程序   时间:2018-10-15 17:08:18    阅读次数:21
【常见】移动端实例——图片无缝滚动
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,user-scalable=no"> <title>Document</t ...
分类:移动开发   时间:2018-10-14 23:34:18    阅读次数:23
1773条   1 2 3 4 ... 178 下一页
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!