元标记的响应式网页设计 [英] Responsive web design by meta tag

问题描述

我想知道除了使用这个元标记之外，还有什么方法可以实现响应式网页设计:

I want to know is there any way to have responsive web design except using this meta tag :

 <meta name="viewport" content="width=device-width,initial-scale=1">

推荐答案

下面的元标记只会将初始比例重置为 1，宽度重置为设备宽度

Below meta tag will just reset initial scale to 1 and width to device width

<meta name="viewport" content="width=device-width,initial-scale=1">

然而，您可以使用媒体查询进行响应式网页设计

you can however use media query for responsive web design

喜欢前任

@media only screen and (min-width: 769px) and (max-width: 1281px) { 
    h1{
        color: red;
    }
}

这篇关于元标记的响应式网页设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！