小编Paw*_*weł的帖子

在较小的分辨率下,字体大小太小

这是我的代码:

<p> font-size: 2vh; </p>
Run Code Online (Sandbox Code Playgroud)

在高分辨率下,文本清晰可见:

图片1

但是在较小的分辨率上:

图片2

如何制作文本,在较小的分辨率下不能太小而在高分辨率下不能太大?如果必须使用媒体查询,那么vh / vw单位有什么意义?

我的视口:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Run Code Online (Sandbox Code Playgroud)

小代码:

<head>  
<meta charset="UTF-8">  
<title>title</title>    
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<link href="https://fonts.googleapis.com/css?family=Lato:400,700&amp;subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="files/css/style.css"> 
</head>

<body>
<div id="logo">
<p>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Phasellus vel mattis risus.
Maecenas vel mauris ex. Curabitur mollis nibh sit amet egestas
fermentum. Ut posuere id sapien in suscipit. Integer a ultrices
metus, nec faucibus ipsum. Morbi nec venenatis nunc. In dignissim
dignissim velit ac …
Run Code Online (Sandbox Code Playgroud)

css css3 responsive-design

3
推荐指数
1
解决办法
1187
查看次数

标签 统计

css ×1

css3 ×1

responsive-design ×1