基本

1.HTML5

HTML5 实现

  1. data- :
  2. insertAdjacenHTML :
  3. 用户选取文本
  4. 数组方法

2. 移动端自动缩放问题

参考文章

  1. https://github.com/riskers/blog/issues/17
  2. https://github.com/riskers/blog/issues/18

问题是这样的在PC端显示

PC端显示

但是在移动端就会

移动端显示

问题出在哪?.移动端的自动缩放

因为移动端的浏览器比较贪心.你啥都没设置的话,他们会尽可能的在手机上显示所有内容..

所需我在头部中设置<meta name="viewport" content="width=device-width,initial-scale=1">

解释一下width=device-width意思是把布局视口的宽度改成屏幕的宽度.

initial-scale=1表示将视图缩放尺寸设置为1倍的意思,所有和width=device-width表达的意思一样,两个都写是为了兼容更多的浏览器

© 404mzk all right reserved,powered by Gitbookhttp://blog.404mzk.com 该文件修订时间: 2016-12-12 22:55:35

results matching ""

    No results matching ""