Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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/7/css/34.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 我可以为我的站点的整个宽度使用百分比吗?_Html_Css_Width - Fatal编程技术网

Html 我可以为我的站点的整个宽度使用百分比吗?

Html 我可以为我的站点的整个宽度使用百分比吗?,html,css,width,Html,Css,Width,人们使用的显示器类型很多,因此很难预测用户在查看网站时会使用什么分辨率。为了避免这个问题,我考虑使用百分比而不是像素、em和pt来定义web布局。然而,这是一个很好的实践吗?包括使用百分比,例如80%作为主包装 我知道在确定内部元素的宽度时很难做到这一点。我将不得不根据每个部门的家长计算百分比。当涉及到不同浏览器的解决方案时,你们如何处理这个问题 Css媒体查询是此检查的最佳解决方案此Css媒体查询是此检查的最佳解决方案此显然在流动和固定布局之间存在争议,但流动布局也可以很好地工作 例如,尝试在

人们使用的显示器类型很多,因此很难预测用户在查看网站时会使用什么分辨率。为了避免这个问题,我考虑使用百分比而不是像素、em和pt来定义web布局。然而,这是一个很好的实践吗?包括使用百分比,例如80%作为主包装


我知道在确定内部元素的宽度时很难做到这一点。我将不得不根据每个部门的家长计算百分比。当涉及到不同浏览器的解决方案时,你们如何处理这个问题

Css媒体查询是此检查的最佳解决方案此

Css媒体查询是此检查的最佳解决方案此

显然在流动和固定布局之间存在争议,但流动布局也可以很好地工作

例如,尝试在加载站点的情况下调整窗口的大小


我相信如果你使用某种框架的话会容易得多。如果您以前使用过任何网格CSS框架,您可以看看。这允许您以基于网格的方式工作,但可以根据浏览器的大小灵活地调整页面大小。

流体布局和固定布局之间显然存在争议,但流体布局也可以很好地工作

例如,尝试在加载站点的情况下调整窗口的大小


我相信如果你使用某种框架的话会容易得多。如果您以前使用过任何网格CSS框架,您可以看看。这允许您以基于网格的方式工作,但页面会根据浏览器的大小流畅地调整大小。

我对外部容器中的每个宽度使用百分比,但容器本身有最小宽度:和最大宽度:因此它的缩放量很小。最小宽度为960像素,最大宽度为1160像素。这样,它的屏幕尺寸更大,效果更好。如果我想的话,我可以回去让它更灵敏,因为它已经全部以百分比表示了

对于外部容器中的每个宽度,我都使用百分比,但是对于容器本身,有最小宽度:和最大宽度:,因此它只缩放了一小部分。最小宽度为960像素,最大宽度为1160像素。这样,它的屏幕尺寸更大,效果更好。如果我想的话,我可以回去让它更灵敏,因为它已经全部以百分比表示了

依我看,这比使用固定大小更好。依我看,这比使用固定大小更好。