Html CSS媒体查询和Photoshop“；切片和骰子“；桌子_Html_Css_Dreamweaver_Photoshop

Html CSS媒体查询和Photoshop“；切片和骰子“；桌子

html css

Html CSS媒体查询和Photoshop“；切片和骰子“；桌子,html,css,dreamweaver,photoshop,Html,Css,Dreamweaver,Photoshop,好的，伙计们，这里有一些讨论-- 我正在用div和HTML5标准创建一个网站。然而，由于我的屏幕分辨率，我的网页只适合1440x900。我必须使用CSS媒体查询来调整页面大小，以适应800 x 600的桌面分辨率，但这里有一个想法： Photoshop也做同样的大小调整，但是对于切片和切块的表格，不需要其他代码或CSS调整。当表格帮助您在每个分辨率上自动调整大小时（即使对于移动站点），它真的那么糟糕吗如果您的CSS媒体查询遇到一个有窗口浏览器屏幕的人，比如说，用户的屏幕不是全屏800 x 60

好的，伙计们，这里有一些讨论--

我正在用div和HTML5标准创建一个网站。然而，由于我的屏幕分辨率，我的网页只适合1440x900。我必须使用CSS媒体查询来调整页面大小，以适应800 x 600的桌面分辨率，但这里有一个想法：

Photoshop也做同样的大小调整，但是对于切片和切块的表格，不需要其他代码或CSS调整。当表格帮助您在每个分辨率上自动调整大小时（即使对于移动站点），它真的那么糟糕吗

如果您的CSS媒体查询遇到一个有窗口浏览器屏幕的人，比如说，用户的屏幕不是全屏800 x 600分辨率的浏览器，而是768 x 560分辨率的浏览器，该怎么办？这是否意味着您的CSS媒体查询需要定义该分辨率以适应窗口大小？（我想说的是，我的媒体查询只适用于定义大小为320px、480px、600px、768px、1024px、1400px的浏览器，除此之外，这些值不会使屏幕正确显示。）

我目前正在使用CSS3媒体查询，但我必须定义很多分辨率大小（从320px、480px、600px、768px、1024px、1400px的宽度）。这真的有必要吗

Photoshop并不能帮助你“在每个分辨率上自动”调整网站设计的大小。事实上，随着这些天的发展，几乎不可能知道未来任何设备的分辨率。我相信Android操作系统现在有100多种不同的分辨率。请记住，Photoshop实际上是一个图形程序

虽然媒体查询利用了断点的思想，但它们最好与流体设计的思想相结合（使用百分比而不是固定的宽度/大小）。您不应该真正需要定义一个媒体查询来适应每一个常见的监视器宽度。最好使用流体设计的原理，然后在某个点或某个宽度的东西变得太拥挤/间隔时，使用媒体查询（断点）来更改布局/设计，以适应屏幕/浏览器窗口的物理大小

这可能是必要的，也可能不是。同样，这取决于您是否希望在某一点更改设计。也许试着设计一个只有百分比的网站只是为了看看有什么可能，然后当事情变得丑陋或视觉效果不好时，在这些断点处放入一些媒体查询，并调整浮动和比例以满足您的需要

Photoshop不允许手动重新调整页面大小。。你的另一个点媒体查询我已经设计了很多网站与1 css只是应用css喜欢

<body style="width:100%">
<div style="width:200px;"></div>
<div style="width:200px;"></div>
<div style="width:200px;"></div>
<div style="width:200px;"></div>
</body>

这将自动调整桌面和移动设备中的所有内容。

当您开发基于不同设备的应用程序时。这真的很好看，而不是依靠css媒体查询。这让我们的生活更轻松，即使它需要一两天的学习曲线。

我实际上错过了这一部分，我的分区因此变得混乱，很好。如果你的任何一个答案都合适，那么请接受另一个答案。你的问题仍然显示在未回答的问题中。我明白你的意思。我正在启动一个基于代码本身的项目，而不是依赖photoshop。这怎么没用呢？如果我在这里听起来很愚蠢，至少告诉我哪里出了问题。