Javascript 如何使网站自动放大?对任何决议都具有灵活性
有没有办法使网站大小灵活到任何(或多个)分辨率,但每一个元素都要放大(比如缩放效果)?所以在更大的分辨率下,图像、按钮和输入会和文本一样大吗?甚至可能吗?您需要为每个分辨率制作一个单独的CSS,或者您可以尝试jQuery技术 为了以正确的分辨率运行正确的CSS,您需要使用它 对于jQuery,请看一个检查浏览器缩放的问题 使用以下媒体查询: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" />
<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属性的任何对象