Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Css 对于横向和纵向的灵活布局,什么是好的策略,并且在桌面上也应该很好地工作?_Css_Mobile Safari - Fatal编程技术网

Css 对于横向和纵向的灵活布局,什么是好的策略,并且在桌面上也应该很好地工作?

Css 对于横向和纵向的灵活布局,什么是好的策略,并且在桌面上也应该很好地工作?,css,mobile-safari,Css,Mobile Safari,目前我使用fixedwidth:960px,因为我想将布局保持在桌面的中心位置。但这样做会在iPad人像模式下产生问题。我需要将widht重新定义为768px,并根据此进行调整 有没有一种方法可以让**桌面+iPad(纵向+横向模式)以最少的代码和最少的努力实现灵活的布局。这可能会有所帮助 但是我已经在使用这种技术了`#wrap{width:1024px;}@media-only屏幕和(方向:肖像){/*这里的肖像样式*/#wrap{width:768px;}}`我想在不使用不同宽度的肖像模式的

目前我使用fixed
width:960px
,因为我想将布局保持在桌面的中心位置。但这样做会在iPad人像模式下产生问题。我需要将widht重新定义为
768px
,并根据此进行调整


有没有一种方法可以让**桌面+iPad(纵向+横向模式)以最少的代码和最少的努力实现灵活的布局。

这可能会有所帮助

但是我已经在使用这种技术了`#wrap{width:1024px;}@media-only屏幕和(方向:肖像){/*这里的肖像样式*/#wrap{width:768px;}}`我想在不使用不同宽度的肖像模式的情况下制作一个灵活的布局我不确定我是否理解您的问题。但是最小宽度和最大宽度呢?我想在纵向模式下自动缩小布局这是在纵向模式下自动发生的。。这就是为什么他们在肖像模式和lanscape模式中使用不同的大小和其他css。嗯,我想从技术上讲,它是缩小的。。但这就是为什么他们使用不同的宽度…但是当我们使用
#wrap{width:768px;}
时,我们还需要调整
#wrap
中的所有项目