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

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

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

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  570

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  335

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

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

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

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

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

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

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

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

화면 크기/기기에 따라 적절한 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  467

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

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

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

React.js CSS 창 너비

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

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

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

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

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

쿼리 제한 후 정렬 실험

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

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

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  576

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1000

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  506

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  697