css3 - 그래픽 및 텍스트 반응형 스타일

PC 데스크탑에서 이 페이지를 반응형으로 만들기: 한 가지 방법은 그림을 직접 반응형으로 만드는 것입니다. 유일한 단점은 텍스트가 흐릿하고 효과가 완벽하지 않다는 것입니다. , 이런 식으로 텍스트 크기는 적응적이어야 하며 텍스트 위치 관계는 잘 수행하기가 훨씬 더 어렵습니다...

習慣沉默 2017-05-16 13:20:57 0  3  721

반응형 드롭다운 메뉴를 만드는 방법

햄버거 메뉴 아이콘은 오른쪽에, 이미지는 왼쪽에 있어야 합니다. 메뉴를 클릭하여 열면 로고homeAboutusgallerycontact가 있는 드롭다운 메뉴가 확장되어야 합니다. <divclass="직사각형1"><ulclass="dropdown"><liclass="li1"><ahref="

P粉521013123 2023-09-04 15:47:42 0  2  630

JavaScript가 예상대로 실행되지 않습니다.

htmlcssjs를 반응형으로 만들려고 하는데 예상대로 작동하지 않습니다. 최소화하면 이미 반응형이지만 onclick을 하면 작동하지 않습니다. 내비게이션 및 내비게이션 바는 클릭해도 나타나지 않고 사라집니다. html과 css는 작동하지만 js에서는 무엇이 잘못되었는지 모르겠습니다. 누구든지 도와주실 수 있나요? letmenu=document.querySelector('#menu-icon');letnavbar=document.querySelector('.navbar');

P粉005134685 2024-04-04 13:05:32 0  1  417

이미지와 콘텐츠로 반응형 페이지 디자인

저는 프런트 엔드를 처음 접했고 레이아웃과 응답성을 다루는 데 몇 가지 문제가 있습니다. 이것은 지금까지 내 코드입니다: body{margin:0; background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family :'Inter ',serif;글꼴-가중치:bold;너비:700px;

P粉676588738 2023-09-07 15:55:30 0  1  525

SVG 이미지를 사용하여 반응형 그리드 영역을 만들 수 없습니다

svg 이미지가 포함된 반응형 그리드 영역을 만들려고 하면 임의의 그리드 영역 너비와 같은 이상한 동작이 발생하고 이미지가 멈추지 않고 특정 지점까지 커지거나 줄어들 수 없습니다. 내가 얻은 가장 가까운 것은 *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr; background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16 0  1  569

ionic Angular 및 ngfor에서 반응형 그리드를 만드는 방법은 무엇입니까?

ionicAngular 및 ngfor에서 반응형 그리드를 만드는 방법은 무엇입니까? 내 그리드 템플릿에 대해 여기에 이미지 설명을 입력하세요. <ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList" class="item-entry"detailrouterLink=&quot

P粉106715703 2023-09-14 22:57:49 0  1  613

CSS - 현재 각 브라우저의 시장 점유율은 얼마입니까?

1. ie6, ie7, ie8 등을 사용하는 사람들이 많나요? ? 2. 프런트 엔드 웹 페이지 템플릿을 만들 때 고려해야 할 주요 브라우저는 무엇입니까? 3. 반응형 홈페이지 템플릿을 직접 제작해야 하나요? 지원되지 않는 다른 경우에는 브라우저를 업그레이드하라고 상기시켜 주시겠습니까?

我想大声告诉你 2017-07-03 11:42:41 0  2  1026

Flex에 내장된 반응형 YouTube

반응형 YouTube 및 일부 다른 콘텐츠를 Flex 컨테이너에 포함하려고 시도했지만 YouTube가 포함된 컨테이너가 커지지 않아 겹치거나 다른 요소와 겹칩니다. 잘 설명했는지 모르겠어서 보여드리기 위해 코드와 박스도 만들어봤습니다: https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper }from"@mui/mat

P粉111641966 2024-03-21 23:20:29 0  1  334

javascript - 휴대폰에서 다른 페이지를 열 때 다른 해상도

저는 프레임워크를 사용하지 않고 반응형 웹 페이지를 직접 만들려는 초보자입니다. 그런데 휴대폰에는 아주 지독한 문제가 있습니다! 두 개의 웹 페이지를 열면 두 가지 해상도가 됩니다! 홈페이지, 등록 페이지입니다. 등록 페이지에는 홈 페이지와 동일한 탐색 및 바닥글 부분이 있으므로 먼저 등록 페이지의 html에 이를 인용하세요...

PHP中文网 2017-05-16 13:21:30 0  1  673

form/div 태그에 표를 동적으로 추가합니다.

동적으로 생성된 테이블은 div 태그 외부에 나타납니다. 반응형 등록 양식을 만들고 있습니다. 입력 필드는 사용자가 제공한 테이블에 필요한 행 수를 가져와 고정된 수의 열로 필요한 수의 행을 생성합니다. 테이블을 생성했지만 원하는 위치에 표시되지 않습니다. 조언 좀 부탁드립니다. 또한 제목(일)인 첫 번째 줄의 라벨 문제를 해결하는 데 도움이 됩니다. functioncreateFamTable(){varrows=document.getElementById("family-rows").

P粉127901279 2023-09-13 23:18:44 0  1  727

내 이력서 제목

1. PHP 객체 지향 프로그래밍에 능숙하고 PSR4 사양을 엄격히 준수하며 좋은 코딩 습관을 가지고 있습니다. 2. 일반적인 PHP 디자인 패턴(단일 케이스 모드, 팩토리 패턴 등)에 능숙합니다. 3. TP 프레임워크 및 TP 프레임워크 사용에 능숙합니다. Laravel과 같은 주류 프레임워크를 이해합니다. 4. Linux, 개발 및 테스트 환경, 공통 서비스 구축에 능숙합니다. 5. 반응형 레이아웃과 Flex+Rem 유연한 레이아웃을 위한 HTML5/CSS3 및 BootStrap 사용에 능숙합니다. 백엔드 상호 작용, 도메인 간...

啦啦啦啦啦 2022-07-20 16:22:34 0  0  1024

화면 크기/기기에 따라 적절한 CSS 스타일을 선택하는 방법

Bootstrap3에는 화면 해상도에 따라 특정 블록을 숨기거나 표시할 수 있는 반응형 유틸리티에 멋진 CSS 클래스가 있습니다. http://getbootstrap.com/css/#active-utilities-classes CSS 파일에 원하는 스타일 규칙이 있습니다. 화면 해상도에 따라 적용 여부를 결정합니다. 어떻게 해야 하나요? 프로덕션 배포를 위해 모든 CSS 파일을 하나의 파일로 압축할 예정이지만 다른 해결 방법이 없으면 다른 화면에 맞게 해결하세요.

P粉529245050 2023-08-21 21:50:42 0  2  553

반응형 이미지와 텍스트 Div를 나란히 배치

그래서 하나의 div는 이미지이고 다른 하나는 배경이 있는 텍스트인 템플릿을 만들려고 합니다. 이제 텍스트가 특정 픽셀 너비의 이미지 아래에 있도록 이 템플릿을 반응형으로 만들고 싶습니다. stackoverflow를 거치면서 Flexbox를 사용해야 한다는 글을 수없이 보았습니다. 노력했지만 제대로 할 수 없었습니다. 따라서 데스크톱에서는 다음과 같아야 합니다: https://i.stack.imgur.com/HDehv.jpg 스마트폰에서는 여기로 점프해야 합니다 https://i.stack.im

P粉005134685 2024-04-02 08:59:38 0  1  465

React.js CSS 창 너비

저는 React를 사용하여 반응형 웹사이트를 개발하고 있습니다. 스타일링에는 CSS 스타일시트를 사용합니다. 응답 부분은 @media 쿼리를 사용하여 CSS로 구현됩니다. 문제는 Chrome을 사용하면 요소가 더 크게 나타나고 레이아웃이 더 작은 화면(태블릿)에서 사이트에 액세스하는 것과 같다는 것입니다. 내가 이해하는 바는 Chrome이 뷰포트가 더 작다고 "생각"하고 적절한 정보로 미디어 쿼리에 응답한다는 것입니다. 일정 기간 정상적으로 작동한 후 개발 중에 문제가 발생했습니다. 내가 뭘 잘못하고 있고 어떻게 ...

P粉396248578 2024-03-31 16:31:23 0  1  513

고정된 이미지 크기를 유지하면서 반응형 디자인을 달성하는 방법은 무엇입니까?

이미지가 늘어나지 않고 16:9 컨테이너에 맞도록 이미지 크기를 조정하는 다음 CSS(부트스트랩 사용)가 있습니다.

P粉739706089 2023-08-16 14:35:27 0  1  455

내 웹사이트가 다양한 화면 크기에서 완벽하게 표시되도록 하려면 어떻게 해야 합니까?

저는 TailwindCSS를 이해하려고 노력 중이며 현재 반응형 직원 카드를 만들려고 노력 중입니다. 하지만 최근에 겪고 있는 문제는 내 카드가 Tailwind의 모든 중단점에서 반응하지만 높이가 900일 때만 반응한다는 것입니다. 높이를 높이면 아래쪽에 공간이 늘어나고, 창 높이를 낮추면 내용이 넘칩니다. 모든 높이와 너비에 맞게 만들려면 어떻게 해야 합니까? [높이가 900이고 Tailwind 중단점 너비 내에 있는 경우에만 완벽하게 작동합니다.] 실시간 미리보기는 다음과 같습니다. GithubRepo 코드는 다음과 같습니다. ...

P粉006540600 2023-08-27 08:55:57 0  2  589

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  819

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  721

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  611

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  572