愚墨的博客
  • 首页
  • 前端技术
  • 面试
移动端
HTML5

viewport朝花夕拾

一个人做到只剩了回忆的时候,生涯大概总要算是无聊了吧,但有时竟会连回忆也没有。 ——鲁迅 《朝花夕拾》 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 我们常见的 meta标签中的 viewport 是 HTML5 针对移动端新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现,提供响应式解决方案。 一、引言 在PC时代,我们用 css 设置 1px 边框,显示器会用1个物理像素进行渲染。而进入移动应用时代后,我们原来设置1px边框…

2022年02月22日 0条评论 2596点热度 9人点赞 阅读全文
CSS3

之前没有get到的overflow知识点

最近写一个移动端的活动页的的时候被overflow 戏弄一番,戏弄的点就是在pc上用浏览器调试一切正常,在手机上真机实测的时候就不行。想要隐藏的元素没有被隐藏掉。略显尴尬。查明之后确实发现这个知识点趋确实之前没有get到。 有的时候我们为了一些需求和页面的健壮性,经常使用overflow:hidden。使用其帮我们裁剪一下元素等。有时为了避免页面或者元素被撑开我们也会使用overflow属性。但是有些人(比如我)会对overflow:hidden 有一些误解,此属性并不能隐藏所有你想要隐藏裁剪的元素。 正常的使用:…

2017年07月20日 1条评论 4659点热度 0人点赞 阅读全文
移动端

移动端终极适配计划

前几天的天气每天都让你汗颜,这几天龙王是将攒了好几天的水,一瓢一瓢的往下泼呀,借着雨景,饿着肚子写写移动端适配吧! 一些从事web开发的coder都会有过这样的经历:在PC端的时候,你为了适配各种浏览器而写很多的hack 和兼容,js得写、css得写,因为世界上有IE的存在,这着实让人很头疼,但是我一直相信一句话:存在即合理,如果前端开发而不需要处理兼容的话,那前端技术的含金量就会下降。尤其是js的处理,你会想要是移动端就好了,完全不需要处理js的兼容性问题;但是当你转到移动端的时候你会发现,恩js确实不需要怎么处…

2016年07月19日 0条评论 2791点热度 1人点赞 阅读全文
搜搜看看
历史遗迹
  • 2023年5月
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年12月
  • 2021年8月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年2月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS