Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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 网站大小到手机_Css_Mobile - Fatal编程技术网

Css 网站大小到手机

Css 网站大小到手机,css,mobile,Css,Mobile,我有一个正在构建的网站,如果我调整浏览器(将宽度缩小到手机大小),它会完美地挤压,理论上是为手机优化的 不过,任何手机都会自动将其安装到屏幕上,这意味着在手机上,它目前看起来有点小,没有放大 有没有简单的解决办法 我认为您的问题在于没有将视口设置为设备宽度。移动浏览器的默认行为会缩小站点以适应所有内容。在部分中使用以下元标记,以使您的响应式布局正常工作 <meta name="viewport" content="width=device=width, initial-scale=1.0,

我有一个正在构建的网站,如果我调整浏览器(将宽度缩小到手机大小),它会完美地挤压,理论上是为手机优化的

不过,任何手机都会自动将其安装到屏幕上,这意味着在手机上,它目前看起来有点小,没有放大


有没有简单的解决办法

我认为您的问题在于没有将视口设置为设备宽度。移动浏览器的默认行为会缩小站点以适应所有内容。在
部分中使用以下元标记,以使您的响应式布局正常工作

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


你能告诉我它在手机上看起来有多小吗?你在其他移动浏览器上试过了吗?与其调整浏览器的大小,不如尝试使用现在许多浏览器所附带的设备模拟。以下是chrome版本:。屏幕截图也会有帮助。通常这是因为你的HTML头部缺少viewport标记。把它放在头部区域-不知道这是否是你的问题,如果没有更多的代码,但如果是,这里有一些关于响应元标记的附加信息-确切地说,先试试@Talkingrock的建议。非常感谢,工作得很有魅力!!!!!非常感谢。我曾疯狂地尝试视口变化,但现在这是有意义的:)