
html/css
mytac
hello,这里小白一枚,请多多指教~~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决css无法解析远程字体
指明format就ok,注意不都是ttf,需要写个map进行映射 font-family: '字体名称'; src: url('远程地址') format('trueType');原创 2021-11-26 18:54:12 · 355 阅读 · 0 评论 -
消除ul ol前面的间距
通用方案 ul,ol { padding-inline-start: 0; -webkit-padding-start: 0; } 某些手机浏览器内核没有更新,加了上面的代码可能还不生效,直接拿手机连chrome调试看看吧 chrome://inspect/#devices ...原创 2020-02-13 16:01:11 · 788 阅读 · 0 评论 -
viewport的理解和使用
viewport概念 移动端浏览器通常都在一个比屏幕更宽的虚拟窗口中渲染页面,这个虚拟窗口就是viewport,目的是正常展示没有做移动端适配的网页,可以让他们完整的展现给用户。我们有时用移动设备访问桌面版网页就会看到一个横向滚动条,这里可显示区域的宽度就是viewport的宽度。 css中的像素和设备像素的区别 在桌面网页开发时,css中的1px就是设备上的1px;然而css中的1px...原创 2018-04-04 13:39:48 · 606 阅读 · 1 评论 -
页面从输入URL到展现发生了什么
1.DNS解析 我们在浏览器上输入地址时,如www.qq.com,需要把这个地址解析成ip地址,其中就需要dns解析。 DNS(Domain Name System)是域名系统的英文缩写,他的服务是用来将主机名和域名转换为ip地址的工作。 dns域名 工作流程 浏览器在查找这个服务器ip的时候, 首先寻找本地hosts文件是否有这个地址映射关系,如果有就先调用这个ip地址映射...原创 2018-04-18 13:48:48 · 2851 阅读 · 0 评论 -
超经典面试题:用多种方法实现圣杯布局和双飞翼布局
0. 开始正文之前的自我吐槽 圣杯布局和双飞翼布局一直是前端面试的高频考点,然而本人对布局和css这方面实在不擅长==,每次被面试官问到css相关的问题,都含含糊糊;到了后面自己闲麻烦直接说"我不太懂css!"。然而总被强硬的怼回来,“你不会css你还是前端吗!”。 然而程序员的世界中“懂”的意思不是等于“精通”吗?=。= 好了正文开始。。 1. 圣杯布局 1.简单介绍 ...原创 2018-07-18 15:15:06 · 708 阅读 · 0 评论