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