Html CSS：根据屏幕结果使用不同的宽度_Html_Css

Html CSS：根据屏幕结果使用不同的宽度

html css

Html CSS：根据屏幕结果使用不同的宽度,html,css,Html,Css,我有以下HTML文档结构： <body> <div class="main"> <div class="left"></div> <div class="center"></div> <div class="right"></div> <div> </body> 是否可以根据屏幕结果为主、左、中心和右定义不同的宽度。例如，如果屏幕结果为1280

我有以下HTML文档结构：

<body>

<div class="main">
    <div class="left"></div>
    <div class="center"></div>
    <div class="right"></div>
<div>

</body>

是否可以根据屏幕结果为

主

、

左

、

中心

和

右

定义不同的宽度。例如，如果屏幕结果为1280或更高，则主宽度应为1140px。如果是1280或更低，则宽度应为960px？谢谢

另外，我知道我们可以用%来定义宽度，但我想知道我们是否可以定义两种不同的固定宽度。

为此使用JavaScript。Jquery可以提供更好的语法。使用

screen.width

获取用户屏幕的宽度，然后相应地调整内容的大小。

使用JavaScript进行此操作。Jquery可以提供更好的语法。使用

screen.width

获取用户屏幕的宽度，然后相应地调整内容的大小。

仅使用CSS，就可以使用媒体查询，和。请注意，并非所有浏览器都支持此功能。

这是可用于检查屏幕宽度和高度的javascript

<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>


文件写入（屏幕宽度+x'+屏幕高度）；

参考。。

这是可以用来检查屏幕宽度和高度的javascript

<script type="text/javascript">
document.write(screen.width+'x'+screen.height);
</script>


文件写入（屏幕宽度+x'+屏幕高度）；

参考。。

这可以通过使用javascript实现：

<script language="javascript">
if ((screen.width>=1024) && (screen.height>=768)) {
  alert('High resolution');
} else {
  alert('Low resolution');
}
</script>


如果（（屏幕宽度>=1024）和&（屏幕高度>=768））{
警报（“高分辨率”）；
}否则{
警报（“低分辨率”）；
}

这可以通过使用javascript实现：

<script language="javascript">
if ((screen.width>=1024) && (screen.height>=768)) {
  alert('High resolution');
} else {
  alert('Low resolution');
}
</script>


如果（（屏幕宽度>=1024）和&（屏幕高度>=768））{
警报（“高分辨率”）；
}否则{
警报（“低分辨率”）；
}

该规范是CSS 2.1的一部分。这并不意味着什么。当前浏览器支持=>@Maheep-CSS 3是正常的CSS。不要挂断版本号，只需担心浏览器支持。该规范是CSS 2.1的一部分。这并不意味着什么。当前浏览器支持=>@Maheep-CSS 3是正常的CSS。不要挂断版本号，只需担心浏览器支持。