スマホでの表示崩れ対応

NetCommons3 · Feb 9, 2018 · c0773ad · c0773ad
1 parent 2692584
commit c0773ad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/View/PhotoAlbumPhotos/slide.ctp b/View/PhotoAlbumPhotos/slide.ctp
@@ -85,7 +85,10 @@ $srcPrefix = $this->Html->url(
 						if ($frameSetting['PhotoAlbumFrameSetting']['display_type'] == PhotoAlbumFrameSetting::DISPLAY_TYPE_SLIDE &&
 							isset($frameSetting['PhotoAlbumFrameSetting']['slide_height'])
 						) {
-							echo 'height:' . $frameSetting['PhotoAlbumFrameSetting']['slide_height'] . 'px';
+							// echo 'height:' . $frameSetting['PhotoAlbumFrameSetting']['slide_height'] . 'px';
+							echo 'max-height:' . $frameSetting['PhotoAlbumFrameSetting']['slide_height'] . 'px;';
+							list($width, $height) = getimagesize( WWW_ROOT . $photo['UploadFile']['photo']['path'] . $photo['UploadFile']['photo']['id'] . DS . $photo['UploadFile']['photo']['real_file_name']);
+							echo 'padding-top:' . ($height / $width * 100) . '%;';
 						}
 					?>
 				"

diff --git a/webroot/css/photo_albums.css b/webroot/css/photo_albums.css
@@ -226,7 +226,7 @@
 	left: 10%;
 }
 .photo-albums-slide-photo {
-	height: 400px;
+	/*height: 400px;*/
 	width: 100%;
 	background-repeat: no-repeat;
 	background-position: center center;