响应式屏幕尺寸
[英]Responsive screen size
问题描述
有没有一种方法/代码可以使网站适合所有屏幕尺寸，而无需在CSS中使用媒体查询？
我使用的样式是CSS样式，不是引导程序也不是flexbox
2 个解决方案
解决方案1
2 2017-02-12 18:32:51
您可以在CSS定义中使用vh （窗口高度的1％）和vw （窗口宽度的1％）单位（以及calc(...)所需的值）。
顺便说一句。 flexbox 是 CSS样式，是您可能要考虑的下一件事。
解决方案2
0 2017-02-12 19:02:56
您可以使用
width:100%
在您的css文件中进行响应式设计，它将修复，但是如果您有4 div，则需要使用25％或更少的值。 它将适用于所有部分，但如果是移动设备，则总屏幕尺寸为500px，就像您使用时
width:25%
然后4 div将显示非常小的尺寸，因此看不到它很好，因此，如果您使用媒体查询，它将看起来很好。 但是百分比（％）可以满足您的目的
CSS：响应式设计，位置卡可适合任何尺寸的屏幕中间
[英]CSS: responsive design, position card to fit in the middle any size of screen
与屏幕宽度相关的图像渲染大小未知时的响应图像
[英]Responsive images when image rendering size in relation to screen width is unknown
缩小屏幕尺寸时如何在Css中使用响应设置重量和高度
[英]How to set weight and height in Css with responsive when reduce screen size
无论屏幕大小/宽度如何，我都希望将html表单保留在响应式幻灯片图像上
[英]I want to keep my html form over my responsive slideshow image regardless of the screen size/width
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.