Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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 放大/缩小时停止重新定位web内容_Html_Css_Web - Fatal编程技术网

Html 放大/缩小时停止重新定位web内容

Html 放大/缩小时停止重新定位web内容,html,css,web,Html,Css,Web,我是HTML/CSS新手,我想在放大/缩小或调整窗口大小时使我在web上的内容保持不变。起初,它在中间,但后来我把位置:绝对放在最外面的div上,它向左移动了一点,在调整窗口大小、放大/缩小时,图像被打乱和扭曲 HTML 浏览器的缩放方式与对文档应用CSS缩放变换相同 然而,由于某些原因,Chrome不能做到这一点。相反,它似乎逐字逐句地缩放每个元素,导致分数值破坏布局。不幸的是,您无法改变这一点。完全由浏览器来“缩放”页面上的内容。别担心。没有“正确”的答案,因为浏览器没有缩放内容的标准方式

我是HTML/CSS新手,我想在放大/缩小或调整窗口大小时使我在web上的内容保持不变。起初,它在中间,但后来我把
位置:绝对
放在最外面的div上,它向左移动了一点,在调整窗口大小、放大/缩小时,图像被打乱和扭曲

HTML


浏览器的缩放方式与对文档应用CSS
缩放变换相同


然而,由于某些原因,Chrome不能做到这一点。相反,它似乎逐字逐句地缩放每个元素,导致分数值破坏布局。不幸的是,您无法改变这一点。

完全由浏览器来“缩放”页面上的内容。别担心。没有“正确”的答案,因为浏览器没有缩放内容的标准方式。但是,当我缩放浏览器时,图像会失真。我放置
position:absolute
以使图像保持在窗口大小和缩放状态。但自从我写了那个密码,它们就被扭曲了。我怎样才能强迫我的图片停留在它们的位置上?窗口大小和缩放是两件完全不同的事情。请发布css和JSFIDLE哦,不,不是另一个有三个
元素的网站。你们为什么一直这么做?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" charset="utf-8;" content="text/html" />



<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

</html>