css - 自适应网页如何在某一指定宽度内允许缩放网页？

问题描述

问 题

我在html中放入了
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
在视口宽度大于800px时，希望网页的字体、图不随着视口宽度增加而增加，当视口宽度小于800px时，希望网页字体、图片随着视口宽度变化而变化。就像搜狐科技的页面一样，如何去做？是不是必须用的javascript？

解决方案

你如果知道自适应是怎么实现的，你就能知道这是怎么做的，用css媒介查询就好，结合rem就可以

你加的那个是让css像素单位等于物理像素单位，禁止用户缩放屏幕，用在移动端的

建议去看一下自适应的实现

这篇关于css - 自适应网页如何在某一指定宽度内允许缩放网页？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！