응답 성있는 디자인 - 데이터베이스 생성 아이콘/이미지

사이트의 홈 페이지에는 약 50 개의 큰 아이콘/이미지가 데이터베이스에서 생성되어 현재 5 개를 호출 한 다음 넣습니다. BR 태그에서 다음 줄로 이동합니다 (PHP와 카운터 사용). 내 문제는 디자인이 반응해야하기 때문에 화면을 조금 축소하면 첫 줄에 3을 저장하고 다음 줄에 2를 저장하면 PHP에서 BR 태그가 생성되어 공간을 확보하게됩니다.응답 성있는 디자인 - 데이터베이스 생성 아이콘/이미지

이 문제를 해결하는 가장 좋은 방법은 무엇이든지 화면 크기에 상관없이 매번 작동합니까? 코딩을 위해 Twitter Bootstrap과 cakephp를 사용하고 있습니다. http://www.beanclaim.com/

감사

[현재 PHP 코드는 다음과 같습니다 :

// LOOPING THROUGH ALL OF THE INDUSTRY ICONS AND BUILDING A LINK FOR THEM 
// ----------------------------------------------------------------------------------> 
if (isset($industry_icons)) 
{ 
    $i=0; 
    foreach ($industry_icons as $industry) 
    { 

     echo $this->Html->link($this->Html->image($industry['Industry']['image_path'], 
      array(
       'width' => '180', 
       'style' => 'margin-right: 5px; margin-left: 5px; margin-bottom: 10px;')), 
      array('controller' => 'users', 'action' => 'register', 'industries' => $industry['Industry']['id']), 
      array('escape' => false)); 


     $i++; 
     if($i % 5 == 0) 
     { 
     echo "<br />"; 
     } 
    } 
}

출처

2012-11-01 sluggerdog

정상적인 문서 플로우 사용. –

전면 페이지가 1.5mb! 모든 사람이 광섬유 인터넷 연결을 사용하는 것은 아닙니다. –

가 <br/> 태그를 제거

가장 좋은 방법

은 웹 사이트 자체에 내가 무엇을 의미 볼 수 있습니다. 그리고 문제가 해결되었습니다. 이미지는 컨테이너 div 크기에 따라 자동으로 조정됩니다.

출처

2012-11-01 22:53:39 AndrewR

고마워요, 어떻게 아이콘을 중심에 배치합니까? 페이지의 너비를 줄이면 1 ~ 2 개의 아이콘이 보이지만 주변에는 가운데에 표시되지 않습니다. – sluggerdog

두 가지가 있다고 생각합니다. 약 755px 미만으로 떨어지면 특정 너비에 더 이상 "들썩"하지 않습니다. 또한 두 개의 드롭 다운과 버튼이 테이블에있어 해당 섹션이 축소되는 것을 방지 할 수 있습니다. 각 드롭 다운과 부동 div의 버튼을 놓으면 서로 겹치지 않고 나란히 놓을 수 있습니다. – AndrewR

응답 성있는 디자인 - 데이터베이스 생성 아이콘/이미지

답변

관련 문제