나는 공식 WordPress 21 테마의 하위 테마가있는 사용자 정의 페이지 템플릿을 만들었습니다. 모바일 장치에 문제가있어 페이지가 모바일 친화적이지 않고 크롬에서 으로 팝업이 표시되어 모바일 용으로 페이지를 모바일로 만들 수 있습니다. 실제로 휴대 기기에서는 콘텐츠를 전혀 읽을 수 없습니다. W3.css framework을 사용하여 친숙하게 만들려고합니
다른 드롭 다운을 선택한 경우 열린 드롭 다운을 숨길 JavaScript 코드를 어떻게 수정할 수 있습니까? 원래 코드는 W3.CSS 문서에서 나온 것이지만 수정 방법은 확실하지 않습니다. 나는 w3-show을 w3-hide으로 대체하려고 시도했지만, JavaScript 내에서 클래스를 제거하고 추가하려고 시도했지만 아무 것도 트릭을 수행하지 않는 것으로
clickable dropdowns을 만들 때 겹칠 경우 드롭 다운 메뉴가 클릭 가능한 드롭 다운 버튼 뒤에 숨어 있음을 발견했습니다. 여기 가 어떻게이 문제를 해결할 수있는 예는? 다음은 드롭 다운을 만드는 데 사용되는 코드입니다. <div class="w3-container">
<div class="w3-dropdown-click">
w3.css를 사용하고 모달 div를 생성 중입니다. 그러나 많은 텍스트가 필요하지만 세로로 스크롤하고 가로로 스크롤하지 않도록하고 싶습니다. <!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<l
w3.css로 반응 형 웹 레이아웃을 만들려고합니다. 소형 화면/모바일 장치에서는 대형 화면에서 3 열, 중형에서 2 열, 한 열을 사용하여 행을 처리합니다. 각 행은 두 개의 고정 된 높이 중 하나를 가질 수있는 타일로 구성됩니다. <div class="w3-content w3-white" style="max-width:600px">
<div c
그래서이 문제에 관해서 웹 페이지 작업을하고있었습니다. w3.css (부트 스트랩 아님)로 첫 번째 양식을 만들고 싶었습니다. 완벽하게 정상적으로 작동했습니다. 그러나 여러 번 입력하여 텍스트 입력 필드 앞에 fa -Fontawesome-Icon을 추가 한 후 (fa 아이콘의 높이가 텍스트 입력의 높이와 일치 함, 둘 다 같은 행에 있음), 지금 묻습니다.
w3css를 w3-table 클래스와 함께 사용합니다. 너비가 35px이고 높이가 35px 인 "td"의 너비를 설정했습니다. 너비가 여전히 텍스트에 따라 변하는 것을 알았습니다. 쉽게 표지 A, B, C, D, E 열이 있습니다 : 나는 아래와 같은 결과 출력을 첨부하여 <!DOCTYPE html>
<html>
<title>W3.CSS</title>
w3.css를 사용하여 반응 형 레이아웃을 작성하려고합니다. 그것은 높이와 너비가 다른 세 가지 유형의 타일로 이루어져 있습니다. 레이아웃은 작은 화면에는 단일 열, 큰 화면에는 중간 열 및 두 열 (w3.css에 의해 결정됨)입니다. 직선 앞으로 코드 (https://jsfiddle.net/pwunsch/p2nL28f3/2/)와 ... <body clas
W3.css 모달 클래스에서 이상한 행동을 발견했습니다. 시간과 시간을 검색하고 디버깅을 시도한 후에 CSS 파일에서 "기본"태그를 사용하면 W3 모달 상자를 열고 바로 닫은 다음 "기본"태그에 정의 된 디렉토리로 리디렉션된다는 것을 알았습니다. 나에게 매우 이상하게 보입니다. 나는 왜 이런 일이 발생했는지, "기본"태그를 생략하는 것 이외의 다른 방법을
현재 w30-css에서 새로 추가 된 w3-bar 클래스를 사용하여 일부 버튼과 로고가있는 상단 탐색을 만들려고합니다. 탐색 모음이 단추로만 구성되어 있으면 단추의 높이가 모든 곳에서 동일하기 때문에 모든 것이 잘 작동합니다. 이제 버튼보다 높은 탐색 모음에 로고를 추가하려고하면 버튼이 막대의 맨 위에 배치됩니다. <div class="w3-border w