window mac 에서 css구현이 서로 다르게 떠요 ㅠㅠ

Question

이게 맥이구 이게 윈도우 화면 입니다 ㅠ 별점 기능 구현 하는중에 두 이미지를 겹쳐서 사용 하고 있는데..해결 방법 아시는 분?ㅠ(수정) 윈도우 맥 둘다 크롬 브라우저 입니다. import axios from "axios"; import React, { useEffect, useState } from "react"; import { Link } from "react-router-dom"; import styled from "styled-components"; import { API } from "../../constants"; export default function Slide({ get, ggggg, currentSlide }) { // console.log(); const workBookId = ggggg.id; const [star, setStar] = useState(0); const getStar = async () => { const res = await axios.get(`${API}/comment/like/${workBookId}`, { headers: { "Content-type": "application/json", }, }); setStar(res.data); }; const starView = parseInt(star * 15); useEffect(() => { getStar(); }, [workBookId]); return ( <> {ggggg.title} 만든이:{ggggg.username} {star > 0 && } {ggggg.content} ); } const CarouselItem = styled.li` margin: 0 10px; `; const SlideImg = styled.img` width: 830px; height: 280px; border-radius: 6px; `; const WhiteBox = styled.div` position: absolute; /* top: 223px; */ width: 415px; height: 280px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.1); `; const BestCont = styled.div` display: flex; flex-direction: column; justify-content: space-around; margin: 30px 30px; font-size: ${(props) => props.size}; `; const ItemScr = styled.p` margin-bottom: 15px; font-size: ${(props) => props.size}; `; const ItemCont = styled.p` margin-top: 50px; font-size: ${(props) => props.size}; `; const StarBox = styled.div` z-index: 100; overflow: hidden; `; const FiveStarf = styled.img` z-index: 10; width: 75px; height: 15px; `; const FiveStar = styled.img` position: absolute; width: 75px; height: 15px; margin-top: 13px; `;

undefined_and_null · Answer

css, html 를 올려주시고 어떤 브라우저로 하셨는지 알려주세요...

하얀뼈 · Answer

저거는 코드를 고치면 해결됩니다! ㅠ

코딩찡찡이 · Answer

같은 브라우저인가요?

javaroid · Answer

이미지를 스위치하는 방식으로..css class 명칭을 class&#61;&#34;star on&#34;, class&#61;&#34;star&#34;이렇게 지정해놓으면..

doru · Answer

어떻게 구현하신건지 먼저 알려주셔야 하구요.. 맥이라면 보통 사파리쓸때고 윈도우면 요즘은 구글쓸테고... 안그래도 윈도우에서 ie랑 구글이랑 css구현이 다른게 좀 있으니 맥이면 말 다했죠..

자추살인마 · Answer

아무래도 해상도도 다를 수 있고 이부분은 반응형의 문제인 것 같습니다

window mac 에서 css구현이 서로 다르게 떠요 ㅠㅠ

6개의 답변

#styled-components 목록