前端开发
趙俐鵬
有心者有所累,无心者无所谓;
展开
-
学会善用meta
前言在移动前端第一弹:viewport详解中,我们讲了viewport,那是一个关于meta的故事。这次我们会就将meta这个故事讲得更广阔、更有意思一些。写过HTML的童鞋,应该都对这个不陌生,或用它来定义页面编码,或用它来定义搜索引擎抓取方式,或用它定义页面关键字,描述等等。meta列表好的meta使用,能更好地提高页面的可用性及被检索的几率。这里并不会列出所有的meta使用方式,只挑选一些常用及实际意义比较大的讲讲,当然也包括一些厂商私有定制的。常规声明文档使用的字符编码<met转载 2020-11-09 10:52:55 · 144 阅读 · 0 评论 -
js实现PC端与客户端自适应
我们可以通过js来判断页面对象进行显示,在外部引入css设定ID<link rel="stylesheet" id="css" type="text/css" href="css/pc.css"/>js代码如下var newDoc=document.open("text/html","replace"); //重新加载引入 window.onload=func...原创 2019-09-11 08:53:34 · 598 阅读 · 0 评论 -
页面通过CSS实现页面自适应
自适应布局就是指能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术,它需要开发多套界面来适应不同的终端。下面我是简单以body作为类,进行样式定义index.css如下:/* 页面没有超过640px引用这个样式 */@media screen and (max-width: 600px){ body{ background-color: ...原创 2019-09-11 08:57:23 · 934 阅读 · 0 评论