Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在移动设备中正确减少非响应性HTML以实现全屏显示_Css - Fatal编程技术网

Css 在移动设备中正确减少非响应性HTML以实现全屏显示

Css 在移动设备中正确减少非响应性HTML以实现全屏显示,css,Css,我已经建立了多年的平面页面网站,主要采用表结构,我知道它们必须变得更加移动兼容 然而,我实际上希望我的一些无响应的站点在移动屏幕上显示为它们自己的缩小版 为了理解基本内容,我创建了一个简单的页面,没有表格,一件艺术品,还有一个meta标记,据我所知,它可以缩小一个大尺寸的HTML页面,以适应移动屏幕。但是,当我在手机屏幕模拟器中检查这一点时,我的页面很大,只有一部分显示在手机屏幕上。它没有减少,所以它的全部内容显示在屏幕上 我缺少的基本概念是什么 您正在使用设置的宽度 无论您使用什么屏幕,如果您

我已经建立了多年的平面页面网站,主要采用表结构,我知道它们必须变得更加移动兼容

然而,我实际上希望我的一些无响应的站点在移动屏幕上显示为它们自己的缩小版

为了理解基本内容,我创建了一个简单的页面,没有表格,一件艺术品,还有一个meta标记,据我所知,它可以缩小一个大尺寸的HTML页面,以适应移动屏幕。但是,当我在手机屏幕模拟器中检查这一点时,我的页面很大,只有一部分显示在手机屏幕上。它没有减少,所以它的全部内容显示在屏幕上

我缺少的基本概念是什么


您正在使用设置的宽度

无论您使用什么屏幕,如果您将宽度设置为像素,那么它将显示为那么多像素

无意冒犯,但是如果你已经做了很多年的网站,却不知道这一点,那么也许这不是适合你的事情

阅读
@media
查询、
vw
vh
和视口宽度


看看诸如引导或骨架之类的框架

欢迎来到堆栈溢出!寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码。虽然您提供了一个链接,但如果链接无效,您的问题对其他将来遇到相同问题的用户没有任何价值。