![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
前端_yu小白
大三前端零基础小白,2022实习
展开
-
有关css设置宽度和高度与浏览器打开的显示效果不一致的问题
问题描述:今天用做网页的时候,需要其他网页上的图片,用snipaste工具截取图片,并量好图片的尺寸后(假设width:600px,height:400px),用vscode编写CSS代码,引用以上测量结果设置宽度和高度,打开浏览器后发现图片是width:900px,height:600px;放大了1.5倍。原因解释:虽然浏览器的显示比例为100%,但是windows的显示设置为150%,所以你代码设置的宽度和高度,放在windows上运行后,显示效果会放大1.5...原创 2021-09-06 21:51:10 · 4139 阅读 · 0 评论 -
媒体查询做响应效果
提示:媒体查询旨在为不同的设备(显示器、平板电脑、手机等)定义不同的样式规则。您可以在“媒体查询”一章中学习更多有关媒体查询的知识。在这里,我们首先为 .containe 类声明一个名为 --fontsize 的新局部变量。我们将其值设置为 25 像素。然后我们在 .container 类中进一步使用它。然后,我们创建一个 @media 规则,内容为“当浏览器的宽度为 450px 或更宽时,将 .container 类的 --fontsize 变量值更改为 50px。”代码如下:/* 变量声明原创 2021-09-03 09:42:21 · 126 阅读 · 0 评论 -
关于css中元素选择器的优先级问题
总体来说,普通元素选择器<类选择器<定义在后面的类选择器<id选择器<定义在后面的类选择器<行内属性设置<!mportant标记,下面举个例子 <style> h2 { color:red; } .blue-text { color:green !important; } .red-text { color:red; } #yellow { color:原创 2021-09-02 22:18:43 · 85 阅读 · 0 评论