Asksearch_php.cn

Community Learn Tools Library Leisure

English

Popular searches：
PHP
MySQL
jquery
HTML
CSS

How to enhance the interaction ability of two contact fields?

I need to center two fields ("CallUs" and "OurEmail") and make them responsive at the same time. They should be stacked together on small screens. I have inline CSS to position them correctly on large screens as shown, but they don't stack together like they should on small scree...

P粉725827686 2023-08-14 21:20:22

I have an empty space that keeps growing in size and I have no idea why

Image of the question: Image of the question If you look at the previous image, you'll see that I have a huge empty space there. When I have my normal display (around 1200 pixels) everything is fine. However, when the width is reduced, that empty space always increases and I don't know why this is h...

P粉729518806 2023-08-14 19:03:11

Flexbox items will overflow the container when the window is too short, and the sidebar cannot maintain bottom alignment

I'm trying to use a simple flex layout that consists of a header, a 2x2 content grid, and then a sidebar. When the width of the window is smaller than a certain size, the sidebar should move to the bottom of the screen. Currently, once that size is reached, if the height of the window is made too sm...

P粉226642568 2024-03-31 00:03:58

javascript - How to make the body's background image display in full screen at different resolutions? Small resolutions have vertical scroll bars, and the extra content has no background? How to deal with it?

When I use a large screen resolution, the background is displayed in full screen without any problem. When I switch to a small screen, the scrolling content has no background. How can I solve this problem? Code:

黄舟 2017-05-19 10:30:07

Cookie permissions cause iframe error

I'm currently using a simple iframe in my webpage, using bootstrap to adapt to small screens (=yout ubeShort) and large screens (=normal landscape video): <divclass="containerd-noned-md-block" style="max -width:1000px;height:30%;"><iframewidth="1000&quo

P粉447002127 2024-01-21 16:00:06

Can I achieve full width of table on mobile screens using Vuetify

Can I achieve table "shrinking" on small screens using Vue2 and Vuetify? I have an assignment where a table needs to remain full width on mobile screens and can be enlarged. Basically achieve img-like behavior. I basically need to implement a second screen from this image but using v-data-...

P粉842215006 2023-08-30 20:56:28

How to align images using CSS grid?

I'm trying to build part of a website using CSS grid. I'm trying to get the list and image to stay on the same line and scale down/grow when the screen size changes. The code is pasted below. Any help is greatly appreciated. I'm wondering if the error is within my grid template. .pm{display:inline-g...

P粉463824410 2024-04-01 22:08:31

css center popup on screen, works on computers and tablets but not on phones

Try using CSS to display a help popup in the center of the screen. On my computer and ipad it works fine, but on the iPhone the popup is vertically centered within the entire scrollable vertical space, which means I sometimes have to scroll up or down to see it. I want it to be centered on the curre...

P粉662802882 2024-03-28 20:02:46

justify-content: space-between in Flexbox doesn't seem to work

I've tried changing a lot of things in the CSS using classes and IDs, but there doesn't seem to be any way to get both images to be on the far side of the screen (logo on the far left, profile on the far right). Tried a lot of different things like text-align and different justify-contents but nothi...

P粉511749537 2024-03-21 23:06:10

Making buttons that adapt to screen size - detailed explanation of how to use background images

I'm developing a pfsensecaptiveportal that requires multiple graphics to be displayed side by side and adaptable to the device screen size. This can be achieved nicely using the image input type. However, the pfsense device does not recognize this commit correctly. It requires a commit type with a v...

P粉345302753 2023-08-16 13:38:12

Unexplained right margin when page is not full screen - Nuxt/Tailwinds

I'm trying to make a simple resume page using Nuxt, Vue3 and TailwindCSS. When my browser is full screen everything looks fine and everything works fine. However, if I see anything other than full screen, the right side of the page in the main part of the app is blank for no reason. (please ignore t...

P粉710478990 2023-09-01 00:05:46

I can't center align anything on the screen

I'm following a YouTube tutorial on how to make a responsive navigation bar on HTML using CSS, everything is going fine until I try to add text in the center of the screen and it appears on the left side of the screen (only if the window resolution is higher than 952px wide ). I'm very new to CSS an...

P粉136356287 2024-04-01 11:51:40

React.js CSS window width

I'm developing a responsive website using React. For styling I use CSS stylesheets. The response part is implemented in CSS using @media queries. The problem is that when I use Chrome, the elements appear larger and the layout is like I'm accessing the site from a smaller screen (tablet). My underst...

P粉396248578 2024-03-31 16:31:23

Use Tailwind CSS to ensure fixed width and height of cards in CSS grid

I'm building an app using TailwindCSS and React, and in one of the views I have a grid of cards. Currently it looks like this: As you can see, when I shrink the window, the cards squeeze into it. I want to make sure that the card size (width and height) always stays the same and if the number of car...

P粉184747536 2024-03-26 21:34:28

Need help centering content and making image links clickable

Essentially, I need the image and title to be centered on the screen, but I also need the image to be clickable and open the link. I believe I have the correct code to do this, but I'm still having these two issues. The images also come in two different sizes, so that makes it difficult as well. I j...

P粉794851975 2023-09-13 12:12:49

max-content minimum and fixed width for CSS grid columns

I have a css grid and I want its column width to be the width of the largest item in the column or 100px, whichever is smaller. I thought minmax(max-content,100px) might work, but it doesn't. In the example below, the narrow column should be max-content (but 100px) and the wide column should be 100p...

P粉245003607 2023-09-06 11:26:46

Website design and development using Hugo Tikva theme and Bootstrap-4

I'm overhauling my company website using the Hugo framework and Bootstrap. Developing websites is not my specialty, so I need help understanding how to use a Hugo theme (Tikva) and Bootstrap to make the website look the way I want it to. Since I first developed a website in 1993, I have only used ht...

P粉166675898 2023-09-11 08:49:48

How to create a Vue component with exportable functions

I'm trying to understand how to create a component using exportable functions. For example: I want to create a message box that will appear on the screen when the showMessage() method imported from this component is called in other components. In the message box component I want to describe the logi...

P粉458725040 2023-09-11 20:34:15

Embed targeting

I'm currently trying to position the embedded content between the image and the center of the screen. To accomplish this, I leveraged https://rss.app/ to embed the NBA portion of Google News into my website. If you need CSS files, please feel free to ask. I've been struggling with this for a while a...

P粉709644700 2023-09-15 00:14:35

My website displays fine on desktop but not on mobile screen

I use HTML/CSS to design my personal website. But the text doesn't scale to the phone. Please refer to the picture below. Websites look great on desktop, but don’t display well on mobile devices. My Google Drive embed doesn't even fit on the phone screen. My phone displays GGDPDF embedded. What shou...

P粉827121558 2024-03-30 15:09:41