Dream Asked:2023-08-01 02:05:20 +0000 UTC2023-08-01 02:05:20 +0000 UTC 2023-08-01 02:05:20 +0000 UTC 网站适配问题 772 大家好，为了让网站在css中不同对角线和分辨率下看起来都一样，是用%设置大小好还是使用media好？我知道它们可能会合并，但在这种情况下我不清楚如何合并。例如：有一个按钮，如果我使用media，那么设置它的尺寸是px还是%？我还想了解字体：它也是以 px 或 % 为单位吗？ css 1 个回答 Voted Best Answer Nurlashka 2023-08-01T05:03:05Z2023-08-01T05:03:05Z 主题 如何设置网站上元素和字体的大小问题取决于项目的具体要求和设计。 描述 如果您需要在调整浏览器窗口大小或跨设备时按比例缩放元素，则使用百分比 (%) 来调整元素大小可能会很有用。例如，您可以使用 % 设置块或按钮的宽度，以便它自动适应不同的屏幕分辨率。 另一方面，使用媒体查询可以让您更精确地控制不同屏幕分辨率下的样式。您可以为不同的屏幕宽度范围定义不同的样式并根据需要应用它们。例如，您可以为小屏幕设置以像素 (px) 为单位的固定按钮大小，并为大屏幕使用 % 或其他单位。 关于字体，也可以使用像素（px）和百分比（%）。同样，选择取决于您的需求和偏好。使用 % 允许字体随其应用的元素缩放，而固定像素大小可用于精细控制字体的外观。 结果 使用百分比和媒体查询的组合可能是最有效的方法。您可以按百分比调整元素大小以按比例缩放，并使用媒体查询在不同的屏幕分辨率下定义更具体的样式。
主题
如何设置网站上元素和字体的大小问题取决于项目的具体要求和设计。
描述
如果您需要在调整浏览器窗口大小或跨设备时按比例缩放元素，则使用百分比 (%) 来调整元素大小可能会很有用。例如，您可以使用 % 设置块或按钮的宽度，以便它自动适应不同的屏幕分辨率。
另一方面，使用媒体查询可以让您更精确地控制不同屏幕分辨率下的样式。您可以为不同的屏幕宽度范围定义不同的样式并根据需要应用它们。例如，您可以为小屏幕设置以像素 (px) 为单位的固定按钮大小，并为大屏幕使用 % 或其他单位。
关于字体，也可以使用像素（px）和百分比（%）。同样，选择取决于您的需求和偏好。使用 % 允许字体随其应用的元素缩放，而固定像素大小可用于精细控制字体的外观。
结果
使用百分比和媒体查询的组合可能是最有效的方法。您可以按百分比调整元素大小以按比例缩放，并使用媒体查询在不同的屏幕分辨率下定义更具体的样式。