码迷,mamicode.com
首页 >  
搜索关键字:viewport    ( 2860个结果
vue实现双击编辑
JS实现双击编辑原始HTML代码:<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metahttp-equiv="X-UA-Compatible"content="ie=edge"> <title>..
分类:其他好文   时间:2017-07-22 09:40:28    阅读次数:7498
表头的一些解释
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页 告诉IE使用最新的引擎渲染网页( 以最高级别的可用模式显示内容) <meta name="viewport" con ...
分类:其他好文   时间:2017-07-21 22:08:20    阅读次数:235
移动端布局最佳实践(viewport+rem)
通过前几天写的两篇博客(浅谈移动端三大viewport和移动端em和rem区别),我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配,如下图 但是这个可能不会太精准,比如我的设备布局viewport可能是370px,这样只能使用320这一版本 ...
分类:移动开发   时间:2017-07-20 19:52:26    阅读次数:325
自定义video控制栏,移动端可行
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>预览页</title><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1 ...
分类:移动开发   时间:2017-07-19 14:42:28    阅读次数:306
Vue 入门
<!DOCTYPE html> <html lang="en"> <head> <meta charest="Utf-8"> <meta name="viewport" content="width=device-width,initial-seale=1"> <title>helloworld</ ...
分类:其他好文   时间:2017-07-19 14:29:47    阅读次数:166
百度地图
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, us ...
分类:其他好文   时间:2017-07-19 00:22:23    阅读次数:155
pure响应式布局
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <met ...
分类:其他好文   时间:2017-07-18 13:45:11    阅读次数:166
0718百度地图路径
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/htm ...
分类:其他好文   时间:2017-07-18 10:15:22    阅读次数:129
浅谈viewport
我们通常在写移动端页面时,往往都会在html页面中加入这样一段话 可能我们只知道这三个字段的含义(视口宽度等于设备宽度,屏幕缩放为1,禁止用户缩放),但是为什么要这么写,其原理又是什么呢? 我们先看一个简单的demo吧。 该demo展示一个宽度为320px的div,我们在iphone5上面打开看一下 ...
分类:其他好文   时间:2017-07-17 20:15:22    阅读次数:153
移动端设置, mobile , 一张图片作为背景 ,平铺 ,自动拉伸 , 图片 铺满视界 ,窗口. background-image , background-size, background-repeat
1. 效果: 浏览器: 手机模拟: 2.代码: 关键代码: ...
分类:移动开发   时间:2017-07-17 20:07:26    阅读次数:395
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!