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和移动端em和rem区别),我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配,如下图 但是这个可能不会太精准,比如我的设备布局viewport可能是370px,这样只能使用320这一版本 ...
分类:
移动开发 时间:
2017-07-20 19:52:26
阅读次数:
325
<!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
<!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
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
<!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
我们通常在写移动端页面时,往往都会在html页面中加入这样一段话 可能我们只知道这三个字段的含义(视口宽度等于设备宽度,屏幕缩放为1,禁止用户缩放),但是为什么要这么写,其原理又是什么呢? 我们先看一个简单的demo吧。 该demo展示一个宽度为320px的div,我们在iphone5上面打开看一下 ...
分类:
其他好文 时间:
2017-07-17 20:15:22
阅读次数:
153
1. 效果: 浏览器: 手机模拟: 2.代码: 关键代码: ...
分类:
移动开发 时间:
2017-07-17 20:07:26
阅读次数:
395