Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.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
Javascript 如何使网站自动放大?对任何决议都具有灵活性_Javascript_Html_Css_Screen Resolution - Fatal编程技术网

Javascript 如何使网站自动放大?对任何决议都具有灵活性

Javascript 如何使网站自动放大?对任何决议都具有灵活性,javascript,html,css,screen-resolution,Javascript,Html,Css,Screen Resolution,有没有办法使网站大小灵活到任何(或多个)分辨率,但每一个元素都要放大(比如缩放效果)?所以在更大的分辨率下,图像、按钮和输入会和文本一样大吗?甚至可能吗?您需要为每个分辨率制作一个单独的CSS,或者您可以尝试jQuery技术 为了以正确的分辨率运行正确的CSS,您需要使用它 对于jQuery,请看一个检查浏览器缩放的问题 使用以下媒体查询: <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

有没有办法使网站大小灵活到任何(或多个)分辨率,但每一个元素都要放大(比如缩放效果)?所以在更大的分辨率下,图像、按钮和输入会和文本一样大吗?甚至可能吗?

您需要为每个分辨率制作一个单独的CSS,或者您可以尝试jQuery技术

为了以正确的分辨率运行正确的CSS,您需要使用它

对于jQuery,请看一个检查浏览器缩放的问题

使用以下媒体查询:

<link rel="stylesheet" media="(max-width: 800px)" href="example.css" /> <!-- for screen of width 800px -->

使用媒体查询…使用字体大小的简单示例:

@media (min-width:400px) {
   p {
     font-size: 10px;
     }
  }
@media (min-width:800px) {
  P {
    font-size: 12px;
    }
  }
该示例仅适用于p元素,但可以应用于具有size属性的任何对象