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
Html 放大网页时文本大小与其他内容大小的变化_Html_Css_Fonts_Size - Fatal编程技术网

Html 放大网页时文本大小与其他内容大小的变化

Html 放大网页时文本大小与其他内容大小的变化,html,css,fonts,size,Html,Css,Fonts,Size,我最近开始从事网络编程,这个问题困扰着我的网站。我使用css中的px值设置所有字体大小,并使用div、绝对位置和更多px值对齐所有内容。在我尝试放大和缩小之前,它看起来很好,此时文本大小和页面大小以不同的速率减小,当一直放大时,会产生比较大的文本。这也使得在移动设备上查看站点变得完全不可能。我读过,字体大小应该用ems而不是pxs来指定,但这并没有解决这个问题 发生了什么事?这是一个很容易解决的问题,特别是对于初学者来说。考虑移动div到百分比值等。在移动浏览和标准桌面浏览方面,我建议您尝试使用

我最近开始从事网络编程,这个问题困扰着我的网站。我使用css中的px值设置所有字体大小,并使用div、绝对位置和更多px值对齐所有内容。在我尝试放大和缩小之前,它看起来很好,此时文本大小和页面大小以不同的速率减小,当一直放大时,会产生比较大的文本。这也使得在移动设备上查看站点变得完全不可能。我读过,字体大小应该用ems而不是pxs来指定,但这并没有解决这个问题


发生了什么事?

这是一个很容易解决的问题,特别是对于初学者来说。考虑移动div到百分比值等。在移动浏览和标准桌面浏览方面,我建议您尝试使用网格系统。 一个很容易使用的流行例子是

恐怕如果没有代码片段和你的问题非常笼统,我们就不可能提供帮助

也有现成的网格系统,可以根据屏幕大小来改变页面,但我不推荐它们,除非你能熟练地使用,我也会尝试一下,这样可以很容易地创建一个好看的网站。正如redditor提到的,在缩放时使用像素可能会导致奇怪的行为,尤其是在定位元素时。我会尝试使用像bootstrap或960之类的东西,或者其他网格系统